javascript – slides.js无效

我有HTML,其中包括以下顺序的脚本

<script src="../static/js/jquery.js" type="text/javascript">
<script src="../static/js/bootstrap.js" type="text/javascript">
<script src="../static/js/slides.js" type="text/javascript">
<script src="../static/js/app.js" type="text/javascript">  

和图像绑在div上

<div id="slideshow">
    <div id="slides">
        <img src="../static/img/slideshow/01.JPG">
        <img src="../static/img/slideshow/02.JPG">
        <img src="../static/img/slideshow/03.JPG">
        <img src="../static/img/slideshow/04.JPG">
        <img src="../static/img/slideshow/05.JPG">
        <img src="../static/img/slideshow/06.JPG">
    </div>
</div>

其中jquery.js是JQuery v1.7.2,slide.js是最新下载的slide.js.

对我来说,它似乎也是正确的顺序.我的app.js做的是什么

$(function(){
    $('#slides').slides({
        width: 600,
        height: 120,
        pagination: false,
        previous: false
    });
    $('#slides').slides("play");
}); 

我试过Firefox和Chrome,它似乎不起作用,我的所有图像都是一个接一个地显示

那我在做什么呢？

解决方法:

你忘记了一些div课程.

你可以在这里找到一个jsfiddle例子：http://jsfiddle.net/rNF8G/

编辑1：

你可以将play：2000属性添加到第一个块而不是像这样调用它：$(‘#slides’).slides(“play”);
请看我的编辑：http://jsfiddle.net/rNF8G/1/

编辑2：

要删除分页,您只需添加以下属性：

generatePagination：false

您可以在以下更新中看到它：http://jsfiddle.net/rNF8G/117/

标签：slideshow,javascript,jquery
来源： https://codeday.me/bug/20190902/1788045.html