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

Question

我需要使用SlideJS库创建一个简单的播放/暂停按钮。 我尝试使用一个基本示例来遵循文档，并且附带了以下内容：

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>

JavaScript代码：

    $(function(){
        $("#slides").slides();

        $("#play").click(function () { 
            $("slides").slides({ play: 1000 }); 
        }); 
    });

但是，这是行不通的，我只是无法找到使它起作用的方法

Answer 1

您正在瞄准一个具有其id属性的元素。此选择器是'#YOUR_ID'

您忘记了“＃”

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