jQuery/javascript - Câbler le gestionnaire d'événements uniquement lorsque ce n'est pas déjà attribué

Question

J'affecte un gestionnaire onclick à une case à cocher. Parfois javascript qui fait la liaison de l'événement s'exécute plus d'une fois (sur les postbacks partiels) et le gestionnaire est assigné deux fois. Comment puis-je empêcher l'assignation multiple du gestionnaire?

Bon merci pour les réponses. J'ai écrit quelque chose pour savoir si l'élément a une hanlder:

$.fn.hasHandler = function(eventName, handler) 
{ 
    var _hasHandler = false; 

    if(handler != undefined && this.data("events") !== null && this.data("events") !== undefined) 
    { 
     $.each(this.data("events"), function(name, handlers) 
     { 
      if(name === eventName)  
      { 
       $.each(handlers, function(index, value) 
       { 
        if(value.handler === handler) 
        { 
         _hasHandler = true; 
        } 
       }); 
      } 
     }); 
    } 

    return _hasHandler; 
} 

Answer 1

En supposant que vous avez:

<input type="checkbox" id="myCheck" /> 

Votre javascript est peut-être:

var clickFound = false; 
$.each($("#myCheck").data('events'), function(i, e) { 
    if(i === 'click') { 
     clickFound = true; 
    } 
}); 
if(!clickFound) { 
    $("#myCheck").click(function() { 
     // ... 
    }); 
} 

Voir plus sur les tests pour les événements liés via jQuery at this question.

Y at-il une raison, cependant, vous ne pouvez pas utiliser delegate ou l'ancien live pour permettre à votre gestionnaire d'être lié une fois, puis de persister pour tous les éléments correspondants?

Answer 2

Vous pouvez ajouter une classe à votre case à cocher lorsque vous ajoutez le gestionnaire de clic, puis vérifiez plus tard pour l'existence de la classe.

Vous pouvez également unbind le gestionnaire de clic avant d'en ajouter un comme alternative. Ou, probablement la chose la plus propre à faire serait d'empêcher votre code de s'exécuter deux fois.

Answer 3

Vous pouvez vous désolidariser en premier.

$ ('# foo'). Unbind ('click'). Bind ('click', function() {... faire des trucs ici ...});