L'événement jQuery Button.click() est déclenché deux fois.

Question

Je rencontre le problème suivant avec ce code :

<button id="delete">Remove items</button>

$("#delete").button({
     icons: {
             primary: 'ui-icon-trash'
     }
}).click(function() {
     alert("Clicked");
});

Si je clique sur ce bouton, l'alerte s'affiche deux fois. Ce n'est pas seulement avec ce bouton spécifique mais avec chaque bouton que je crée.

Qu'est-ce que je fais de mal ?

Answer 1

Dans ce cas, nous pouvons faire ce qui suit

$('selected').unbind('click').bind('click', function (e) {
  do_something();
});

L'événement se déclenche deux fois initialement, mais lorsque la page est rafraîchie, il se déclenche quatre fois. C'est après de nombreuses heures infructueuses que j'ai trouvé la solution grâce à une recherche sur Google.

Je dois également dire que le code fonctionnait initialement jusqu'à ce que je commence à utiliser le widget accordéon JQueryUI.

Answer 2

Votre code actuel fonctionne, vous pouvez l'essayer ici : http://jsfiddle.net/s4UyH/

Vous avez quelque chose en dehors de l'exemple qui déclenche un autre .click() vérifiez si d'autres gestionnaires sont également déclenchant un click sur cet élément.

Answer 3

Un comportement étrange que j'ai également connu. Donc pour moi "return false" a fait l'affaire.

        $( '#selector' ).on( 'click', function() {
            //code
            return false;
        });

Answer 4

La réponse de Nick Craver est la meilleure ci-dessus. Par erreur, j'ai inclus un fichier JS deux fois, ce qui a causé tous les problèmes. Merci Nick.

Answer 5

J'ai découvert que le fait de lier un element.click dans une fonction qui se produit plus d'une fois le mettra en file d'attente de sorte que la prochaine fois que vous cliquerez dessus, il se déclenchera autant de fois que la fonction de liaison a été exécutée. C'est probablement une erreur de débutant de ma part, mais j'espère que cela vous aidera. TL,DR : Assurez-vous de lier tous les clics à une fonction de configuration qui ne se produit qu'une fois.