Question

我正在使用jQuery bxSlider。但是我的滑块中的图像没有移动。我想打开它。有谁知道bxSlider？帮帮我。

<script type="text/javascript">
$(document).ready(function(){
    $('.bxslider').bxSlider({
        auto: false,
        pause: 4000,
        autoStart: true,
        autoDirection: 'next',
        autoHover: false,
        autoDelay: 0,
    });

});
</script>


<ul class="bxslider">
    <li>
        <img src="images/slider/2849823img.jpg"/>
        <img src="images/slider/2849824img.jpg"/>
        <img src="images/slider/2849825img.jpg"/>
    </li>
</ul>

最好的问候，

Answer 1

删除选项对象中的最后一个逗号。应该这样做。

    <script type="text/javascript">
    $(document).ready(function(){
        $('.bxslider').bxSlider({
            auto: true,
            pause: 4000,
            autoStart: true,
            autoDirection: 'next',
            autoHover: false,
            autoDelay: 0
//, <--remove this comma
        });

    });
    </script>

另外，每张图片都应该有自己的li标签，如HTML

<ul class="bxslider">
    <li>        <img src="images/slider/2849823img.jpg"/> </li>
    <li>        <img src="images/slider/2849824img.jpg"/> </li>
    <li>        <img src="images/slider/2849825img.jpg"/> </li>

</ul>

打开bxSlider移动

1 个答案: