jQuery bxSlider 문제

Question

나는 해결책을 찾을 수없는 이상한 문제에 직면 해 있습니다. 내 프로젝트 중 하나는 bxSlider를 사용하고 있습니다. 슬라이딩 토글에는 prev와 next라는 두 개의 사용자 정의 버튼이 있습니다. 이 모든 것은 첫 번째 클릭 후 슬라이더가 '다시 시작'되는 것을 제외하고는 잘 작동합니다 (다음 또는 이전은 중요하지 않음). 이를 위해

나는 이러한 기능을 사용하고 있습니다 : 나는 기능 goToSlide (인덱스) 또는 goToPreviousSlide()/goToNextSlide()를 사용하는 경우

$('#Slider2').bxSlider({ 
     auto: false, 
     speed: 1000, 
     mode: 'horizontal' 
    }); 

    $('#SlidePrev').click(function(){ 
     var slider = $('#Slider2').bxSlider(); 
     var slideNr = slider.getCurrentSlide() - 1; 

     //slider.goToSlide(slideNr); 
     slider.goToPreviousSlide(); 

    }); 

    $('#SlideNext').click(function(){ 
     var slider = $('#Slider2').bxSlider(); 
     var slideNr = slider.getCurrentSlide() + 1; 

     slider.goToSlide(slideNr); 
    }); 

그것은 중요하지 않습니다.

라이브 예제는 here입니다. 화살표를 클릭하여 컬렉션을 슬라이드 해 봅니다.

Answer 1

이 작동합니다 : 당신이 VAR 슬라이더로 설정 초기의 반환을받을 필요가

http://pastebin.com/Psz1dDqE

. 새 것을 만들지 마라.

Answer 2

이 시도 :

var slider = $('#Slider2').bxSlider({ 
    auto: false, 
    speed: 1000, 
    mode: 'horizontal' 
}); 

$('#SlidePrev').click(function(){ 
    slider.goToPreviousSlide(); 
}); 

$('#SlideNext').click(function(){ 
    slider.goToNextSlide(); 
}); 

Answer 3

을 나를 위해이 작품 :

<script type="text/javascript"> 
var slider = $('.bxslider'); 

$(document).ready(function() { 
    slider.bxSlider({ 
     infiniteLoop: false, 
     hideControlOnEnd: true, 
     pager: false, 
     mode: 'fade' 
    }) 
}); 

function GoToSlide(id) { 
    slider.goToSlide(id); 
} 

을