jQuery工具滾動問題API

Question

我正在使用jQuery Tools滾動插件，並試圖利用它的API來創建自定義控件。但是，無論我做什麼，我都無法讓他們工作！

我有一個自動滾動的垂直幻燈片，並希望能夠使用我自己的定製元素暫停它（或重新啓動它，或將其移動到特定位置）。使用下面的代碼，我得到一個「Uncaught TypeError：對象＃沒有方法'暫停'」錯誤，當我點擊暫停按鈕。我究竟做錯了什麼？

$('document').ready(function() { 
     $("#scrollable .items").cycle(); 
     $("#tabs").tabs("div.panes > div");   

     window.api = $("#sideScrollable").scrollable({ 
      vertical: true, 
      items: "ul", 
      size: 1, 
      speed: 4000, 
      mousewheel: false, 
      keyboard: false, 
      circular: true}).navigator().autoscroll(0,{ 
       api: true, 
       autoplay: true }); 

     $('.pause').click(function() { 
      api.pause();    
      return false; 
     });   

}); 

非常感謝您的幫助。

Answer 1

我意識到這是相當舊的（我認爲你現在已經糾正了這個問題），但是，我一直試圖清除所有未答覆的jQuery問題以幫助社區。所以，這裏有雲：而不是使用window.api，請嘗試使用全局變量，像這樣：

var myAPI; 
$('document').ready(function() { 
    $("#scrollable .items").cycle(); 
    $("#tabs").tabs("div.panes > div");   

    myAPI = $("#sideScrollable").scrollable({ 
     vertical: true, 
     items: "ul", 
     size: 1, 
     speed: 4000, 
     mousewheel: false, 
     keyboard: false, 
     circular: true 
    }).navigator().autoscroll(0,{ 
     api: true, 
     autoplay: true 
    }); 

    $('.pause').click(function() { 
     myAPI.pause();    
     return false; 
    });   

});