jquery предотвращает дублирование назначенной функции

Question

Если мне нужно назначить функцию щелчка динамически, существует ли способ гарантировать, что функция click назначается только один раз и не дублируется?

this.click(function(){ 
    alert('test'); 
}) 

Answer 1

Вы можете отвязать событие щелчка, прежде чем связать его снова, таким образом, вы только еще одно событие, прикрепленную к нему:

//assuming this is a jquery object. 
this.unbind("click"); 
this.click(function(){ 
    alert("clicked once"); 
}); 

На JQuery 1.7, нажмите теперь использует .На (http://api.jquery.com/click/), так что правильный код теперь

//assuming this is a jquery object. 
this.off("click"); 
this.click(function(){ 
    alert("clicked once"); 
}); 

Это отвязать все события щелчка (в том числе, созданные с помощью каких-либо плагинов вы могли бы использовать). Чтобы убедиться, что вы только отменили пространство имен для использования событий. (http://api.jquery.com/off/)

//assuming this is a jquery object. 
this.off("click.myApp"); 
this.on("click.myApp", function(){ 
    alert("clicked once"); 
}); 

Здесь MYAPP является пространством имен.

Answer 2

Я хотел бы добавить к answer--

избежать дублирующих привязок Marius в которые вы не хотите, чтобы случайно отвязать что-то, если там должно быть больше, чем одна функция связана с событием. Это особенно важно, когда вы работаете над чем-то с несколькими разработчиками. Чтобы предотвратить это, вы можете использовать событие: пространства имен

//assuming this is a jquery object. 
var alertEvent = 'click.alert' 
this.unbind(alertEvent).bind(alertEvent,function(){ 
    alert('clicked once'); 
}); 

Вот предупреждение 'этого имя пространства имен для вашего события щелчка и только ваших функций, которые были связаны с этим пространством именами будут несвязанными.

Answer 3

С JQuery .on() вы можете сделать что-то подобное:

//removes all binding to click for the namespace "myNamespace" 
$(document).off('click.myNamespace'); 

$(document).on('click.myNamespace', '.selector', function(event) {...}); 

//this will be also removed (same namespace) 
$(document).on('click.myNamespace', '.anotherSelector', function(event) {...}); 

Answer 4

предполагая, что элементы добавляются в HTML и вы хотите добавить событие только добавляемые элементы:

function addEvents2Elements()//prevent Duplicate 
{ 
    //this will add the event to all elements of class="ele2addevent" 
    $('.ele2addevent').not('.clickbind').on('click',function(){alert('once');}) 

    //this will add a class an then the class="ele2addevent clickbind" 
    $('.ele2addevent').not('.clickbind').addClass('.clickbind'); 
    //all elements of class="... clickbind" will not be catched anymore in the first line because of .not() every time you call this function 
} 
addEvents2Elements(); 

быть shure, что вы добавляете только с классом = "ele2addevent", потому что после привязки он будет class = "ele2addevent clickbind" и не зацепился снова ...