javascript - 在 JQuery 中防止多次点击

Question

我正在创建一个动态测验，我需要防止多次点击我的“下一步”按钮。在点击功能中，我尝试使用 if 条件来防止多次点击。不知道为什么它不起作用。非常感谢您的帮助。

var nextButton= $('<button/>', {
    text: 'Next', 
    id: 'nextButton',
    click: function (event) {
        event.preventDefault();

        if($("#container").filter(':animated').length>0) {
                  return false;
            }

        /* rest of code*/
     }
});

Here是我应用程序的 JSFiddle 中出现的代码

奖励问题:有人告诉我 event.preventDefault() 是个好习惯。这是真的？如果是，为什么？

更新:JSFiddle 行#，上面的代码是第 81 行，以防您想在不深入研究代码的情况下乱搞代码。

Answer 1

var nextButton= $('<button/>', {
    text: 'Next', 
    id: 'nextButton',
    click: function (event) {
        event.preventDefault();

        if($("#insideContainer").filter(':animated').length>0) {
                  return false;
            }

        /* rest of code*/

     }
});

我找到原因了。您正在检查错误的元素。它应该是 #insideContainer Demo