jquery 도구 스크롤 API 관련 문제

Question

jQuery Tools 스크롤 가능한 플러그인을 사용하고 있으며 해당 API를 사용하여 사용자 지정 컨트롤을 만들려고했습니다. 그러나, 나는 그들이 내가하는 일에 상관없이 일하게 할 수 없다!

필자는 autoscrolling, vertical slideshow를 가지고 있으며, 나만의 맞춤 요소를 사용하여 일시 중지하거나 다시 시작하거나 특정 장소로 ​​옮길 수 있기를 원합니다. 아래 코드를 사용하면 일시 중지 버튼을 클릭 할 때 "Uncaught TypeError : Object #에 'pause'메서드가 없습니다"오류가 발생합니다. 내가 도대체 ​​뭘 잘못하고있는 겁니까?

$('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; 
    });   

});