Jquery Scrollable은 탐색을 클릭 할 때 자동 재생을 중지 할 수 없습니다.

Question

jquery UI 도구를 Nav와 함께 스크롤 할 수 있습니다. 자동으로 자동 재생되도록 설정하면되지만, 탐색과 상호 작용할 때마다 타이밍은 완전히 펑키합니다.

탐색 링크를 클릭하면 멈추고 싶습니다. 나는 멈추는 것을 얻는 것처럼 보이지 않는다! 여기

그것을 개막 코드입니다 :

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

그런 다음 js를 실제 버튼에 맞 춥니 다. 그러나 올바르게 지정했다고는 생각하지 않습니다. 아래 코드와 같이 스크롤 가능 영역을 가리 키기 위해 뭔가 다른 것이 필요합니다. 스크롤되는 내용은 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를 추가하려고 시도했으나 false이지만 작동하지 않았습니다.

아무도 도와 줄 수 있습니까?

Answer 1

당신이 jQuery Scrollable에서 JQuery와 UI를 스크롤 예제의 소스 코드를 보면 그들이 현재 창에 API 객체를 할당하기위한이 명령 사용

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

당신이 그것을 시도를?