javascript - 开启bxSlider移动

Question

我正在使用 jQuery bxSlider。但图像在我的 slider 中没有移动。我想打开它。有人知道 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>