jQuery 手风琴在仍然有动画效果时无法禁用单击？

Question

我正在尝试开发一个 jQuery 手风琴，考虑到我不太了解 jQuery，到目前为止它运行得很好。

我遇到的主要问题是，如果您在不同的部分上快速单击，它最终会在短时间内将整个手风琴击倒，这实际上还不够好。

我试图将

if ($("#accordion ul li").is(':animated')) {

放在 click 函数周围，但似乎没有做任何事情，任何人都可以帮我一把或告诉我是否可以至少是可能的吗？

您还会注意到，单击时，手风琴的右侧会收缩一点，这是可以修复的还是我必须忍受的东西？

您可以在这里查看我的意思 http://dev.boomeranginternet.co.uk/accordion /accordion1.asp

预先感谢您的帮助。

问候， J。

Answer 1

尝试这样的事情：

$("#accordion ul li").click(function(){
    if ($(':animated').length) {
        return false;
    }

    //Your code goes here...
});

Answer 2

通过放置点击功能你的意思是这样的？

    if ($("#accordion ul li").is(":animated")) { 

    } else {
        $("#accordion ul li").click(function() {
            // do animation
        }):
    }

这是错误的方法，单击函数定义了一个事件处理程序。如果你想要你的动画
要仅在没有其他动画运行时运行，您必须检查事件处理程序内部，例如

$("#accordion ul li").click(function() {
    if ($("#accordion ul li").is(":not(animated)")) { 
        // do animation
    }
}):