首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >打开bxSlider移动

打开bxSlider移动
EN

Stack Overflow用户
提问于 2014-02-21 04:39:38
回答 1查看 275关注 0票数 1

我用的是jQuery bxSlider。但是图像没有在我的滑块里移动。我想打开它。有人知道bxSlider的事吗?请帮帮我。

代码语言:javascript
复制
<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>

诚挚的问候,

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-02-21 04:52:53

删除options对象中的最后一个逗号。这样就行了。

代码语言:javascript
复制
    <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中所示

代码语言:javascript
复制
<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>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21925424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档