在跨度/标签元素上添加/删除点击事件

Question

要求： 我对跨度进行了一次 ajax 调用。我需要暂时禁用/删除点击事件并在我的 ajax 请求完成后启用它。

我曾经使用过的输入按钮

        onRequest : function() {
            $(inputID).disabled = true ;
        },

        onComplete : function(response) {
            $(inputID).disabled = false;
        },

但是，自从“禁用”以来，跨度/标签将不起作用，我需要一个替代方案。

最坏情况解决方案：

      onRequest : function() {
            $(inputID).removeEvents() ;
        },

        onComplete : function(response) {
            $(inputID).addEvents() ;
        },

我不喜欢这个解决方案，因为我需要准备好保留该方法所需的参数。

javascript 中是否有任何规定，我可以在不删除和添加事件的情况下快速临时禁用/启用跨度/标签上的点击事件？？

Answer 1

您可以向span 添加一个类（这样您就可以设置它的样式）...

$("inputID").on("click", function () {
    var $input = $(this);
    if (!$input.hasClass("loading")) {
        $input.addClass("loading");
        // pseudo code below
        $input.ajax({
            onComplete : function(response) {
                $input.removeClass("loading");
            }
        })
    }
});

因此您不需要添加、删除或触摸任何事件。