Question

我在我的一个项目中使用jcarousellite。这是我到目前为止的代码。

$(".carousel").jCarouselLite({
    btnNext: ".next",
    btnPrev: ".prev",
    speed: 700,
    visible: 8,
    afterEnd: function(a){
        // set the now first element to the active video
        $(a[0]).addClass("active");
    },
});

唯一的问题是我的列表项在

之前尚未生成

$(document).ready(function(){
  // generate list items
});

我想在列表项加载后生成我的轮播。我可以使用jQuery的.live（）吗？有什么想法吗？

Answer 1

在生成项目之前，请不要运行轮播插件。

$(document).ready(function(){

  // generate list items

  // then run the jCarouselLite
  $(".carousel").jCarouselLite({
    btnNext: ".next",
    btnPrev: ".prev",
    speed: 700,
    visible: 8,
    afterEnd: function(a){
        // set the now first element to the active video
        $(a[0]).addClass("active");
    },
  });

});

如果由于异步AJAX调用而生成列表项，则将轮播代码放入AJAX调用的回调中。

如果您正在动态生成其他项目，则将对列表的引用存储在变量中，并仅针对这些项目调用carousel插件。

不，你不能使用.live()。

在JS插入DOM元素后，如何让jcarousellite绑定？

1 个答案: