BX滑塊和jquery

Question

我在我的網站上使用BX滑塊http://kellyannart.com/test/portfolios/ ..我面臨一個問題.. BX滑塊工作完美，但有一些自定義jQuery我想與它合作..我已經設置了以下4 infiniteLoop：爲BX-滑塊 displaySlideQty參數真

我使用的是自定義的jQuery是：

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

我共有5個項目BX-滑塊內......但因爲infiniteLoop設爲真的，他們繼續重複.. 問題是，前5項（這是實際我有的項目數），如果我們點擊圖片，然後div id =「imageBox」加載相同的圖像（這是完美的）..但是當我們點擊第6項（因爲infinteLoop已被重複設置爲true）大圖像打開一個新窗口，而不是加載裏面div id =「imageBox」

此外，如果您單擊第一個5項目的「Read More」按鈕，那麼它會嘗試加載其div內的href id =「imageBox」，但是當你點擊第6項的「Read More」按鈕時，它表現完美（即打開瀏覽器中的鏈接） 我不知道爲什麼會發生這種情況.. 有什麼建議嗎？ 在此先感謝:)

Answer 1

我發現是什麼原因造成了這個... 首先，我有一個投影組合頁面的幻燈片啓用/禁用選項，我加載他們每個人的自定義jquery代碼..但我沒有放一個if語句來檢查幻燈片是啓用還是禁用。因此第一個腳本應該在啓用幻燈片時加載，第二個腳本應當在禁用幻燈片時加載......在我的情況下，無論啓用還是禁用幻燈片，都要加載。 其次我試圖的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作出肯定的腳本被應用到每個元件..即使第那些被bx-slider重複的東西。 :)