javascript - stop() 的 slideToggle 问题

Question

$(document).ready(function() {
    $("ul li").click(function() {
        $(this).find("p").slideToggle("normal");
        return false;
    });
});

通过这段 jQuery 代码，我可以让元素滑入和滑出。但问题是，当有人快速点击时，滑出只会滑出，直到达到最新达到的高度的最大高度。

因此，如果有人快速点击，元素只会滑出几个像素，然后再向上滑动。如果他们不想再次点击将其滑出，它只会滑出到上次达到的最大高度。

谁能帮我解决这个问题，让这项工作正常进行？

PS:p 元素的高度设置为 auto，因此它会自动匹配内部内容的高度(也许这个细节会对您的回答有所帮助)。

Answer 1

不使用 click 函数来附加点击事件，而是使用 one:

$("ul li").one("click", doStuff);

function doStuff(){ 
   // do your stuff here
   $("ul li").one("click", doStuff); // Re-attach event
}

然后在函数中重新附加事件。