jquery - 如果单击页面上的任意位置，JQuery 循环精简版将重置回第一张幻灯片

Question

HTML 在下面，当我单击上一个和下一个 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>

查询：

$(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。

它应该只在文档就绪处理程序中创建一次，但您将它绑定到 click 事件。