jQuery Tools Scrollable Dots

Question

jQuery 도구를 사용하여 스크롤 할 수있는 jQuery 도구 체인 예제 (아래 링크 참조)를 만들 수 있습니다. 페이지 표시 점과 관련된 문제를 해결하려고합니다. 이 예제에서 페이지 표시기가 세 번째 점에있을 때 오른쪽 화살표를 클릭하면 지연이 발생하고 슬라이드가 돌아올 때까지 첫 번째 점을 강조 표시하지 않습니다. 페이지 표시기가 첫 번째 점에있을 때 왼쪽을 클릭하면 같은 문제가 발생합니다. 누구든지이 문제에 대한 해결책을 찾았습니까?

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

Answer 1

코드 위치를 계산하기 위해 getConf(). size를 기준으로 페이지를 계산했습니다. 이 크기는 필요한 색인보다 1입니다. 수정 사항이 있습니다. jquery.tools.js를 열고 fn.navigator를 찾으십시오. 이제는 예전에 찾아보십시오. 아래에 나오는 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'); 
} 

참고 : 테스트되지 않았습니다.