2016-07-22 3 views
0

을 밀어 넣습니다.재단 6 궤도 : 변경 재단 6.</p> <p>내가 기본 동작 외에, 그것은 또한 외부 버튼을 클릭하면 슬라이드를 변경 할 수 있어야, 궤도 슬라이더가에 프로그래밍 방식

이 방법을 사용할 수 있습니까?

나는이 코드를 시도했다 : 그것은 종류의 작동

jQuery('#theslider').foundation('changeSlide', true, slide_id); 

//slide_id is the jQuery object's slide ex: jQuery(#slideid); 

을하지만, 비정상적으로 작동합니다.

때로는 정상적으로 작동하지만, 슬라이드가 빠르거나 화면에서 사라지거나 간단히 고정됩니다.

나는 무슨 일이 일어나고 있는지 패턴을 찾을 수없는 것 같습니다.

나는 자바 스크립트에 대한 전문가가 아니기 때문에 뭔가 분명히 분명한 것 같습니다. 다음과 같은

+0

슬라이더는 다음 슬라이더 이미지로 밀어 자신의 타이머입니다 있습니다. 이 함수를 구현하면 작동하지만 시간이 다가 오면 다음 슬라이드로 바뀝니다. 따라서 작성한 기능으로 타이머를 제어하십시오. 또한 jsfiddle를 통해 코드를 공유하십시오. –

답변

0

내 솔루션 :

$('.orbit-external-control').on('click', function() { 
    var activeIdx = ~~$('.orbit .orbit-bullets .is-active').data('slide') 
    var changeIdx = ~~$(this).data('slide') 
    var isLTR = (changeIdx > activeIdx) ? true : false 

    if (activeIdx === changeIdx) 
    return 

    var chosenSlide = $('.orbit .orbit-slide').filter(function (index) { 
    return index === changeIdx 
    }) 

    $('.orbit').foundation('changeSlide', isLTR, chosenSlide, changeIdx) 
})