javascript - 如何使用 on() 撤消 jQuery 的 one()？

Question

我有一个点击事件需要触发不超过一次:

    $(".menuIco").one('click', function() {
        $(this).menuIcoClick($(this));
    });

...这导致功能:

$.fn.menuIcoClick = function(menuIco) {
     [...does some animations, not important...]
    }

但是，在其他事件之后，我希望该事件能够再次启动。我尝试再次使用 on() 将 menuIco 的点击事件与 menuIcoClick 函数绑定(bind):

.on('click', $('#analiza').menuIcoClick($('#analiza')));

在

$("#icoBack").click(function() {
        $('#analiza').animate({left: ($("#analiza").data("left")), top: ($("#analiza").data("top"))}, 0).on('click', $('#analiza').menuIcoClick($('#analiza')));
    });

但它不起作用，on() 方法不允许我再次点击(并触发一次事件)该元素，正如我预期的那样。

Answer 1

您可以在第一个函数中使用 .off:

$(".menuIco").on('click', function() {
    $(this).menuIcoClick($(this));
    $(".menuIco").off('click'); // Here we disable the event, on the first execution
});

要再次执行该事件，您需要将其设置为一个新函数，附加到您想要的事件。

如果这不起作用，请向我们发送一个 jsfiddle，其中包含您的问题的更多详细信息。