Question

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

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

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

目前无法在本地测试，但它应该可以正常工作。

bxSlider jquery显示随机幻灯片？

1 个答案: