jQueryツールスクロール可能なドット

Question

私はjQueryツールを使用しています。スクロール可能で、jQueryツールチェーンの例を作成しています（下のリンクを参照）。私は、ページインジケータの点で問題を修正しようとしています。この例では、ページインジケータが3番目のドットにあるときに右矢印をクリックすると、スライドが戻ってくるまで最初のドットが強調表示されるのではなく、遅延が発生します。ページインジケータが最初のドットにあるときに左をクリックすると、同じ問題が発生します。誰かがこの問題の修正を見つけましたか？

http://flowplayer.org/tools/demos/scrollable/plugins/index.html

Answer 1

私はコードを調べて、ページ位置を計算する式はgetConf（）。sizeに基づいて分割しています。このサイズは、必要なインデックスに対して1です。ここに修正があります。 jquery.tools.jsを開き、fn.navigatorを見つけます。今すぐbeforeSeeSeekを探してください。下記のif文を追加してください。

b.onBeforeSeek(function(a, b) { 
      setTimeout(function() { 
        var c = (b/j) , d = l().eq(c); 

        if ((b/j) == l().length){ 
         c = 0; 
         d = l().eq(c); 
        } 

        d.length && l().removeClass(h).eq(c).addClass(h); 
      }, 0) 
     }) 

これはグローバルな変更であり、jquery.toolsが正しい方向に私を指しているため

Answer 2

私はあなたがそのページの「チェーンプラグイン」のデモの話をしていると仮定します。

onBeforeSeekイベントを介して最初のドットアンカータグに「アクティブ」クラスを適用することで、これを修正することができます。このデモを使用すると、次のようなことがあります。

$("#chained").scrollable({circular: true, mousewheel: true}).navigator(); 

var scroller = $('#chained').data('scrollable'), 
    count = scroller.getItems().length; 

scroller.onBeforeSeek(function(event, index) { 
    if (index == count) $('div.navi').find('a').removeClass('active').eq(0).addClass('active'); 
} 

注：未テストです。