jquery - bxSlider jquery 显示随机幻灯片？

Question

大家好，我正在使用 jquery bxslider 插件，由于某种原因，它显示随机幻灯片，它不会从一个开始，有时它会多次显示第一张幻灯片，而有些幻灯片永远不会？

我正在使用非常简单的代码，我没有编辑您可以在 viifit.com 上的工作（..working 但随机幻灯片）中看到的 .js 文件

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="jquery.bxSlider.min.js" type="text/javascript"></script>
<script type="text/javascript">
 $(document).ready(function(){
   $('#slider1').bxSlider();
 });

 $(function(){
 var slider = $('#slider1').bxSlider({
  controls: false
 });

 $('#go-prev').click(function(){
 slider.goToPreviousSlide();
 return false;
 });

 $('#go-next').click(function(){
 slider.goToNextSlide();
return false;
 });
});

$(function(){
$('#slider1').bxSlider({
auto: true,
autoControls: false
});
}); 
</script>

<div id="slider1">
<div><img src="slide1.png"></div>
<div><img src="slide2.png"></div>
<div><img src="slide3.png"></div>
<div><img src="slide4.png"></div>
</div>

Answer 1

你的剧本有很多错误，太疯狂了。

试试这个：

$(document).ready(function(){

    var slider = $('#slider1').bxSlider({
        controls: false,
        auto:true,
        autoControls: false
    });

    $('#go-prev').click(function(){
        slider.goToPreviousSlide();
        return false;
    });

    $('#go-next').click(function(){
        slider.goToNextSlide();
        return false;
    });
});

现在无法在本地测试它，但它应该可以工作。