jQuery bxSlider问题

Question

我正面临着一个奇怪的问题，我似乎找不到解决方案。在我的一个项目中，我使用了bxSlider。有两个自定义按钮，前一个和下一个按钮，用于切换滑动。这一切都很好用，除了滑块在第一次点击后“重新启动”(next或prev无关紧要)。

为此，我使用以下函数：

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

无论我使用goToSlide(索引)函数还是goToPreviousSlide()/goToNextSlide()函数，都没有关系。

一个活生生的例子可以在here上找到。尝试单击箭头以在集合中滑动。

Answer 1

这将worK：

http://pastebin.com/Psz1dDqE

您需要将初始设置的返回值放入var滑块。不要创建一个新的。

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

​