我正在使用jCarouselLite来显示一个帖子滚动条,它会加载特定类别的帖子。但是,我希望能够通过AJAX切换类别。
所以,我在div中加载所有内容,然后运行:
jQuery(function($) {
$("#serviceNews").jCarouselLite({
vertical: true,
hoverPause:true,
visible: 2,
auto:2000,
speed:1000
});
});
它起作用......直到ajax刷新#serviceNews的innerHTML。然后jCarouselLite停止工作。我尝试过使用livequery:
jQuery(function($) {
$("#serviceNews").livequery(function(){
$(this).jCarouselLite({
vertical: true,
hoverPause:true,
visible: 2,
auto:2000,
speed:1000
});
});
});
但同样的事情发生了。我对jQuery不太熟悉,所以我可能错过了一些明显的东西。
您可以找到演示here(横幅下方的中间列,滚动条下方的switchCategory按钮)。
答案 0 :(得分:2)
希望您使用的是最新代码https://github.com/kswedberg/jquery-carousel-lite
文档中提到您可以使用
结束轮播$('div.carousel').trigger('endCarousel')
所以每次你需要更新carousel只是endCarousel然后再将jCarouselLite绑定到div
答案 1 :(得分:1)
maniac_user的解决方案正在为我工作。
尝试设置:
$("div.carousel").trigger("endCarousel");
在你的jCarousel代码之前:
$(".auto .jCarouselLite").jCarouselLite({
speed: 14700,
btnNext: ".next",
vertical: true,
hoverPause:true,
visible: 1
});