Comment supprimer tous les gestionnaires d'événements de clic à l'aide de jQuery?

J'ai un problème. Fondamentalement, lorsqu'un utilisateur clique sur un lien "Modifier" sur une page, le code Jquery suivant s'exécute:

$("#saveBtn").click(function () {
    saveQuestion(id);
});

En faisant cela, l'événement onClick du bouton Enregistrer appelle la saveQuestion()méthode et transmet l'ID de la question pour laquelle le lien «Modifier» a été cliqué.

Mais si dans la même session l'utilisateur clique sur Modifier sur 2 questions, alors au lieu d'écraser le clickgestionnaire d'événements précédent , il provoque à la place l'exécution de 2 gestionnaires d'événements, l'un qui peut appeler saveQuestion(1)et l'autre peut appeler saveQuestion(2). En faisant cette 1 question écrase l'autre.

Existe-t-il un moyen de supprimer tous les clickévénements précédents qui ont été attribués à un bouton?

Vous utiliseriez off () pour supprimer un événement comme ceci:

$("#saveBtn").off("click");

mais cela supprimera tous les événements de clic liés à cet élément. Si la fonction avec SaveQuestion est le seul événement lié, ce qui précède le fera. Sinon, procédez comme suit:

$("#saveBtn").off("click").click(function() { saveQuestion(id); });

Existe-t-il un moyen de supprimer tous les événements de clic précédents qui ont été attribués à un bouton?

$('#saveBtn').unbind('click').click(function(){saveQuestion(id)});

$('#saveBtn').off('click').click(function(){saveQuestion(id)});

Si vous avez utilisé ...

$(function(){
    function myFunc() {
        // ... do something ...
    };
    $('#saveBtn').click(myFunc);
});

... alors il sera plus facile de se dissocier plus tard.

$('#saveBtn').off('click').on('click',function(){
   saveQuestion(id)
});

Utilisez jquery est hors et sur