通過綁定一個jQuery滑塊到ajax加載的圖像在同一頁上的多個滑塊

Question

需要一些jquery幫助。

我想在我的頁面上使用http://www.basic-slider.com/。我有無限的滾動，這增加了新的圖像。有些是一組圖像，所以我想爲這些組添加一個滑塊。它看起來像這樣。

<ul class="images"> 
    <li id="1"> <img1> 
       <img2> 
       <img3> </li> 
    <li id="2"> 
       <img1></li> 
    <li id="3"> 
       <img2> 
       <img3> </li> 
. 
. 
<ul> 

無限負載將通過AJAX添加更多<li>到.images。我可以做html更改，如將圖像放入另一個<ul>，但不知道如何更改jquery代碼。

請幫忙。

Answer 1

好吧，你可以做這樣的事情。

var imageBlock = 0; //THIS IS GLOBAL 

然後創建爲您滾動它初始化滑塊插件

function initializeSlider(imageBlock){ 
    $('#images' + imageBlock).bjqs({ 
     'height' : 320, 
     'width' : 620, 
     'responsive' : true 
    }); 
} 

這時如果closeToBottom

if(closeToBottom){ 
    imageBlock = imageBlock + 1; 
    initializeSlider(imageBlock); 
} 

你可以做同樣的頁面加載，以及一個功能。

注意：使用遞增索引添加您創建的ul元素。