javascript - jQuery 事件中的事件

Question

这可能是一个非常基本的问题，但我找不到答案。 (我可能在寻找错误的术语...)

例如，有时我觉得我需要在另一个事件中添加一个事件以便共享变量。但我意识到内部事件可以根据父事件被触发的时间被触发多次。

下面是我所说内容的一个基本示例:http://jsfiddle.net/mRc9K/

$('.demo').click(function(){
    $('.hidden').show(function(){
        $('#link').click(function(){
            alert("Clicked"); //fired multiple times
            $(this).parent().hide(); 
        });
    });
});

如果您在“第一次点击”中点击多次，您将看到第二个事件是如何被触发多次的。

我不是在寻找这种行为。我知道I can avoid it using delegation使用 .on() 但是...没有任何其他方法可以避免多次触发内部事件吗？

谢谢。

Answer 1

一个解决方案是使用 jQuery 的 one()方法。

one() - Attach a handler to an event for the elements. The handler is executed at most once per element.

在这种情况下，它将是:

$('#link').one('click', function(){
   alert("Clicked"); //fired multiple times
   $(this).parent().hide(); 
});

jsFiddle example here.