Comment écraser les gestionnaires d'événements de Jquery ?

Question

Je vais essayer d'expliquer le problème avec un code simple.

var fireClick = function() { alert('Wuala!!!') };

$('#clickme').click(fireclick);
$('#clickme').click(fireclick);

Donc maintenant, il va évidemment alerter 2 fois mais j'ai besoin qu'il n'alerte qu'une fois. J'ai essayé de nombreuses façons, mais sans résultat.

Merci.

Answer 1

À partir de jQuery 1.7, vous devez utiliser off pour supprimer les gestionnaires d'événements et sur pour les ajouter, bien que vous puissiez toujours utiliser la fonction click en abrégé.

$('#clickme').off('click').on('click', fireclick);
$('#clickme').off().on('click', fireclick);

Réponse originale :

Si vous voulez remplacer tous les gestionnaires de clics, appelez délier d'abord sans argument de fonction. Si vous voulez remplacer tous les gestionnaires d'événements, ne spécifiez pas le type d'événement.

$('#clickme').unbind('click').click(fireclick);
$('#clickme').unbind().click(fireclick);

Answer 2

Utilisez un espace de noms pour vous assurer que vous ne supprimez pas d'autres listeners :

$('#clickme').off('click.XXX').on('click.XXX', fireclick);

Tant qu'aucun autre code n'utilise XXX vous pouvez être sûr que vous n'avez pas perturbé un autre comportement dont vous n'étiez pas conscient.

Answer 3

Vous pouvez utiliser la fonction jQuery délier pour supprimer le premier événement :

var fireClick = function() { alert('Wuala!!!') };

$('#clickme').click(fireclick);
$('#clickme').unbind('click', fireClick); // fireClick won't fire anymore...
$('#clickme').click(fireclick); // ...but now it will

Answer 4

J'essaierais d'éliminer les appels supplémentaires, mais à défaut, vous pourriez vous assurer d'appeler les deux à chaque fois :

$('#clickme').unbind('click', fireclick);
$('#clickme').click(fireclick);

Answer 5

$(document).off('click', '#clickme').on('click', '#clickme', fireclick);