Jqueryスクロール可能なアイテムは、ナビゲーションがクリックされたときに自動再生を停止できません。

Question

navでスクロール可能なjquery UIツールを使用しています。私はそれが自動的に自動再生するようにしたいですが、これはうまくいきますが、ナビとやりとりするたびにタイミングはすべてファンキーになります。

いずれかのナビゲーションリンクをクリックすると停止します。スクロールして止めることができないようです！

ここでそれをキックオフコードです：

HTML：

<div id="flowpanes"> 
     <div class="items"> 
      <div> 
       <h1>Content 1</h1> 
      </div> 
      <div> 
       <h2>Content 2</h2> 
      </div> 
      <div> 
       <h2>Content 3</h2> 
      </div> 
      <div> 
       <h2>Content 4</h2> 
      </div> 
     </div> 
    </div> 
    <ul id="flowtabs" class="navi"> 
     <li><a href="#one" class="current"></a></li> 
     <li><a href="#two"></a></li> 
     <li><a href="#three"></a></li> 
     <li><a href="#four"></a></li> 
    </ul> 

jQueryのそれをアクティブにします

$(document).ready(function() { 
    $("#flowpanes").scrollable({ circular: true, mousewheel: true }).autoscroll({autoplay: true,interval: 5000,steps: 1}).navigator({ 
     navi: ".navi", 
     naviItem: 'a', 
     activeClass: 'current', 
     history: false, 
    }) 
}); 

私はこれを試してみましたが、それはうまくいきませんでした：

は

$(".navi a").click (function(){ 
    api.stop() 
}); 

次に、私はそれを正しく指定しているとは思わない - 以下のコードのようなものは、スクロール可能領域をピン止めするために何か他のものを必要とする - スクロールするコンテンツはul.naviの上のspearate divにある：

<ul id="flowtabs" class="navi"> 
    <li><a href="#one" class="current" onclick="api.stop()"></a></li> 
    <li><a href="#two" onclick="api.stop()"></a></li> 
    <li><a href="#three" onclick="api.stop()"></a></li> 
    <li><a href="#four" onclick="api.stop()"></a></li> 
</ul> 

また、clickable：historyの下のナビゲータセクションにfalseを追加しようとしましたが、それでも問題はありませんでした。

誰でも手助けできますか？

Answer 1

あなたはjQuery ScrollableでjqueryのUIのスクロールの例のソースコードを見ると、彼らは現在のウィンドウにAPIオブジェクトを割り当てるため、この命令を使用します。

// provide scrollable API for the action buttons 
window.api = root.data("scrollable"); 

は、あなたがそれを試してみましたが？