在AJAX請求後再次運行jCarouselLite

Question

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

Answer 1

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

的文檔中提到這裏，你可能會結束與

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

每次你需要更新轉盤只是endCarousel，然後再結合時間

所以旋轉木馬jCarouselLite到div

Answer 2

maniac_user的解決方案正在爲我工​​作。

嘗試設置：

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

您的jCarousel代碼：之前

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