在 AJAX 请求之后再次运行 jCarouselLite答案

【问题标题】：Run jCarouselLite again, after an AJAX request在 AJAX 请求之后再次运行 jCarouselLite
【发布时间】：2012-02-24 02:25:01
【问题描述】：

我正在使用 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 按钮）。

【问题讨论】：

标签： jquery ajax livequery jcarousellite

【解决方案1】：

希望您使用的是最新代码https://github.com/kswedberg/jquery-carousel-lite

文档在此处提到您可以使用

结束轮播

$('div.carousel').trigger('endCarousel')

所以每次你需要更新轮播时只需 endCarousel 然后再次将 jCarouselLite 绑定到 div

【讨论】：

【解决方案2】：

maniac_user 的解决方案对我有用。

尝试设置一个：

$("div.carousel").trigger("endCarousel");

在您的 jCarousel 代码之前：

$(".auto .jCarouselLite").jCarouselLite({
  speed: 14700,
  btnNext: ".next",
  vertical: true,
  hoverPause:true,
  visible: 1
});

【讨论】：