Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在SlideJS中创建播放/暂停按钮?_Javascript_Jquery_Button - Fatal编程技术网

Javascript 如何在SlideJS中创建播放/暂停按钮?

Javascript 如何在SlideJS中创建播放/暂停按钮?,javascript,jquery,button,Javascript,Jquery,Button,我需要使用创建一个简单的播放/暂停按钮。 我尝试使用一个基本示例来遵循文档,我得到了如下内容: HTML代码: <a id="play">play</a> <div id="slides"> <div class="slides_container"> <div> <h1>Slide 1</h1> <p>Lorem ipsum

我需要使用创建一个简单的播放/暂停按钮。 我尝试使用一个基本示例来遵循文档,我得到了如下内容:

HTML代码:

<a id="play">play</a> 

<div id="slides">
    <div class="slides_container">
        <div>
            <h1>Slide 1</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        </div>
        <div>
            <h1>Slide 2</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        </div>
        <div>
            <h1>Slide 3</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        </div>
        <div>
            <h1>Slide 4</h1>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
        </div>
    </div>
</div>

然而,这不起作用,我就是不知道如何使它起作用

您正在瞄准一个具有id属性的元素。。。此选项的选择器为“您的\u ID”

你忘了

$('#slides').slides({ play: 1000 }); 

... jQuery试图查找html元素,结果失败了。不知怎的,我在制定问题时忘了写。但是。。它做的事情不对。。当我点击“播放”按钮时,幻灯片会将数字重复几次,这简直是疯了。你的代码可能会添加几个计时器,从而导致冲突,这简直是疯了。我认为库无法指定元素来控制滑块行为。。。您可能需要自己实现它:。。。虽然有很多选项,其中一个是暂停选项,但只有上一个/下一个和分页按钮将触发暂停…好的,在这种情况下,我想我将开始使用另一个类似的库,其中包括播放/暂停按钮实现。谢谢你们的帮助,伙计们,我也在寻找同样的东西…通过JS转到想要的幻灯片
$('#slides').slides({ play: 1000 });