通过将jquery滑块绑定到ajax加载的图像，在同一页面上创建多个滑块

需要一些Jquery帮助

我想在我的页面上使用。我有无限卷轴，它增加了新的图像。有些是一组图像，所以我想为这些图像添加一个滑块。看起来像这样

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

var imageBlock = 0; //THIS IS GLOBAL

.
.

无限负载将通过ajax向

.images

添加更多

。我可以进行html更改，例如将图像放入另一个

中，但不确定如何更改jquery代码

---

请帮忙。

好的，你可以这样做

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

var imageBlock = 0; //THIS IS GLOBAL

然后创建一个初始化滑块插件的函数

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

然后当你滚动到底部时

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

您也可以在页面加载上执行相同的操作

---

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

您是否使用用于无限卷轴的插件？@SajunaFernando否。我只使用jquery并选中“closetoBottom”并加载more@SajunaFernando函数onScroll（事件）{//检查我们是否在broser窗口底部边缘的1500像素范围内。var closeToBottom=（$（窗口）。scrollTop（）+$（窗口）。height（）>$（文档）。height（）-1500）；if（closeToBottom）{