2014-12-23 3 views
0

콘텐츠를 슬라이드하기 위해 사이클 플러그인을 사용하고 있습니다. 슬라이드하는 동안 이전 또는 다음 버튼을 두 번 이상 클릭하면 애니메이션이 완료되기 전에 다른 슬라이드로 바로 이동합니다.주기 플러그인에서 탐색 버튼을 사용/사용 중지하는 방법은 무엇입니까?

슬라이딩 중에 탐색 버튼을 비활성화하려고하는데 작동하지 않습니다.

JS : 나는 isNextboolean 수 있는지 확인하는 콜백 onPrevNextEvent을 사용하고

$('#slider ul').cycle({ 
    timeout: 0, 
    fx: 'scrollHorz', 
    prev: '#prev', 
    next: '#next', 
    after: onAfter, 
    onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement){ 
     $('#nav a').attr('disabled','disabled'); 
     if (isNext == true || isNext == false) { 
      console.log('bool') 
     } 
    } 
}); 
function onAfter(curr, next, opts) { 
    var index = opts.currSlide; 
    $('#prev')[index == 0 ? 'hide' : 'show'](); 
    $('#next')[index == opts.slideCount - 1 ? 'hide' : 'show'](); 
} 

. 이 상태가되기 전에 탐색 링크에 속성을 추가하는 테스트를 만들었지 만 속성을 추가하는 중이지만 이전/다음 기능을 방해하지는 않습니다. 어떻게 활성화/비활성화 할 수 있습니까? 일부 도움을 주실 수 있습니다

답변

0

플러그인의 코드에서 클릭 동작을 변경할 수 없습니까? 주기 플러그인이 초기화 된 직후에 전파를 방지하기 위해 추가 이벤트를 발생시킬 수 있습니다. 그러면 isNext이 true 인 경우 click 이벤트가 플러그인의 동작을 트리거하지 않게됩니다.

뭔가 같은 :

//just finished setting up the plugin 
$("#prev,#next").on("click", function(e) { 
    if(isNext) e.stopPropagation(); 
}); 
관련 문제