0

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にあまり精通していないので、おそらく明らかな何かを見逃しています。

デモはここにあります（バナーの下の中央の列、スクローラーの下にあるswitchCategoryボタン）。

4

2 に答える 2

2

最新のコードhttps://github.com/kswedberg/jquery-carousel-liteを使用していることを願っています

ドキュメントには、カルーセルをで終了できることがここに記載されています

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

したがって、カルーセルを更新する必要があるたびに、endCarouselを実行してから、jCarouselLiteをdivにバインドします。

于 2012-05-18T11:47:00.063 に答える
1

maniac_userからの解決策は私のために働いています。

を設定してみてください：

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

jCarouselコードの前：

$(".auto .jCarouselLite").jCarouselLite({
  speed: 14700,
  btnNext: ".next",
  vertical: true,
  hoverPause:true,
  visible: 1
});
于 2013-01-25T21:52:49.367 に答える