javascript - 如何阻止按钮的后续点击事件？

Question

我有一个按钮btnAdvSearch，当第一次点击它后，显示的日历会卡住。所以我需要防止进一步点击按钮。

我的代码:

$('<button id="btnAdvSearch_' + uniqueNum + '" class="" title="Advanced                   Search"><span class="ui-button-text">' + btnTitle + '</span></button>')
        .appendTo($('<div class="ui-dialog-buttonpane buttonHolder" id="buttonHolder_' + uniqueNum + '"></div>')
        .appendTo(this.element))
        .click(function (e) {

            debugger;
            e.preventDefault();
            e.stopPropagation();

            self._validateSearchForm();
            //Check the form validation using jquery validation engine
            $('#frmAdvSearch_' + uniqueNum + '').validationEngine('validate') == true ? self._submitAdvancedSearchQuery(self) : "";
        });

Answer 1

这是一个按钮，您可以根据需要多次单击它。只需阻止默认操作或在第一次单击后禁用它即可。

因此，请在“.click(function (e) {”之后更改脚本，如下所示:

.one('click', function (event) {  
    event.preventDefault();
    //do something
    $(this).prop('disabled', true);
});

请查看.one() .