jQuery bxSlider 问题答案

【问题标题】：jQuery bxSlider issuejQuery bxSlider 问题
【发布时间】：2013-09-20 05:29:16
【问题描述】：

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

为此，我正在使用这些功能：

$('#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(index) 还是 goToPreviousSlide()/goToNextSlide() 都没关系。

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

【问题讨论】：

标签： jquery jquery-plugins

【解决方案1】：

这会起作用：

http://pastebin.com/Psz1dDqE

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

【讨论】：

【解决方案2】：

试试这个：

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

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

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

【讨论】：

【解决方案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);
}

【讨论】：