如何在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 });