bxSlider jquery显示随机幻灯片?

bxSlider jquery显示随机幻灯片?,jquery,ajax,image,slider,bxslider,Jquery,Ajax,Image,Slider,Bxslider,大家好,我正在使用jquery bxslider插件,出于某种原因,它会显示随机幻灯片,而不是一开始就显示,有时它会多次显示第一张幻灯片,而有些幻灯片永远不会显示 我使用的是非常简单的代码,我没有编辑.js文件,你可以在working.working中看到它,但是在viifit.com上随机播放幻灯片 <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

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

我使用的是非常简单的代码,我没有编辑.js文件,你可以在working.working中看到它,但是在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>

你的剧本有太多的错误,太疯狂了

试试这个:

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

现在无法在本地测试此功能,但它应该可以工作

顺便说一句,这个滑块完全是一团乱麻。作者应该提到这实际上是一个:无限但跳跃的拉格滑块。非常感谢!我使用的脚本说明了如何在实际的slider网站上使用它,我认为这是一个广泛使用的slider,但我想nova下次会吗?再次感谢你,虽然它很完美!不,bxlsider是一个很棒的插件。我在很多项目中使用过它。是您不了解jQuery导致了这个问题。有很多错误,包括原始代码的语法错误。