2012-04-20 14 views
3

私のウェブサイトでBX Sliderを使用していますhttp://kellyannart.com/test/portfolios/ ..私は問題に直面しています.. BXスライダは完璧に動作していますが、カスタムjQueryがあります。 4 infiniteLoop:BX-スライダー displaySlideQtyためのパラメータ真BX Slider and Jquery

私が使用していたカスタムjQueryのは、次のとおりです。

jQuery(".single_portfolio_item_archive a").click(function(evt) { 
evt.preventDefault(); 
jQuery("#imageBox").empty().append(
    jQuery("<img>", { src: this.href}) 
); 
}); 

私はBX-スライダー内の全5つのアイテムを持っている...しかしinfiniteLoopに設定されているため、彼らが繰り返すことを真実。 問題は、最初の5つの項目(これは実際の私が持っているアイテムの数)、画像をクリックするとdiv id = "imageBox"に同じ画像がロードされます(これは完璧です)。しかし、6番目のアイテムをクリックすると(infinteLoopが繰り返されているのでtrueに設定すると大きな画像がdiv id = "imageBox"内に読み込まれる代わりに新しいウィンドウで開きます

また、最初の5項目の[Read More]ボタンをクリックすると、div内にhrefを読み込もうとしますid = "imageBox"しかし、6番目の項目の "Read More"ボタンをクリックすると、完璧な動作をします(ieブラウザでリンクを開く) 私はこれがなぜ起こっているのかを知りません。 何か提案がありますか? ありがとうございます。

答えて

3

私はこれを引き起こしていたものを見つけました... まず、ポートフォリオページのスライドショーを有効または無効にして、それぞれのカスタムjqueryコードを読み込みます。スライドショーが有効になっているかどうかを確認するifステートメントを入れてください。スライドショーが有効になったときに1番目のスクリプトが読み込まれ、スライドショーが無効になったときに2番目のスクリプトが読み込まれます。 は、第二に、私が試したdocument.ready()

<?php 
if(is_post_type_archive('portfolios') || is_taxonomy('styles') || is_taxonomy('colors') || is_taxonomy('textures') || is_taxonomy('years')) : ?> 
<script type="text/javascript"> 
jQuery(document).ready(function() { 
jQuery(".single_portfolio_item_archive a").click(function(evt) { 
evt.preventDefault(); 
jQuery("#imageBox").empty().append(
    jQuery("<img>", { src: this.href}) 
); 
}) 
}); 
</script> 
<?php endif; ?> 

document.readyスクリプトが各要素に適用されていたことを確認しました。..でも目oseはbx-sliderで繰り返されていました。 :)