0

jCarouselLite スクリプトを使用するカルーセルがあります。カルーセルはページのサブメニューとして使用されます。

カルーセルから要素をクリックすると、liはアクティブな 4 つの可視要素のクラスを取得します。

ページの読み込み時にアクティブな要素までスクロールできないようにしたいので、ユーザーに表示されます。

btnGoオプションを試しましたが、アイテムの数は(メニューのように)変更でき、以下に示すように次のボタンでクリックイベントを何度もトリガーできますが、イベントは1回トリガーできますが、その後はトリガーされません仕事。

  $('.slideshow').jCarouselLite({
      btnNext: "#next",
      btnPrev: "#prev",
      visible:4,
      circular: false,
      mouseWheel: true,
      btnGo:[".slideshow li.active"]
   });

    //scroll to active element
    var activePosition = $('.slideshow ul li.active').position();
    if (activePosition != null) {
    var index = $('.slideshow ul li.active').index();

    for (var i = index-4; i >= 0; i--) {
      $('#next').trigger('click').delay( 800 );
     }
    };

これはどのような方法で行うことができますか??

4

1 に答える 1