jquery - ページのどこかをクリックすると、JQuery Cycle Lite が最初のスライドにリセットされます

Question

HTML は下にあります。前の div と次の div をクリックすると、これらが循環しますが、ページのどこかをクリックすると、リストの最初の li にリセットされます。これを修正する方法についての手がかりをいただければ幸いです。

<ul id="cycle_services">
            <li>
                <div class="service_header"><b>front-end web development</b></div>
                <div class="service_description">description</div>
            </li>

            <li>
                <div class="service_header"><b>back-end web development</b></div>
                <div class="service_description">description</div>
            </li>

            <li>
                <div class="service_header"><b>web application development</b></div>
                <div class="service_description">description</div>
            </li>
</ul>
<div id="button_container">
    <div id="s_prev"></div>
    <div id="s_next"></div> 
 </div>

JQuery:

$(document.body).click(function () {
    $('#cycle_services').cycle({
    prev: '#s_prev',
    next: '#s_next',
    timeout:0
    });
});

Answer 1

交換

$(document.body).click(function () {

と

$(function () {

slide毎回新しいインスタンスを作成していますclick inside the document。

ドキュメント準備ハンドラー内で一度だけ作成する必要がありますが、クリックイベントにバインドしていました。