Script JS en cours d'exécution pour chaque élément, plutôt que simple élément cliqué

Question

en utilisant jQuery, j'essaye d'obtenir une action assignée à un bouton sur un formulaire. J'ai 50 de ces formes sur une page, mais chaque fois que je clique sur un lien, l'action du formulaire est exécuté 50 fois !!

j'ai couru cette option pour vérifier, et il vient exactement 50

`i=1 
     $('.thumbs').click(function(){ 
     console.log(i,"Click Count"); 
     i++; 
)}; 

cela a pour effet inutile d'exécuter AJAX cinquante fois !!

Est-ce que j'utilise des sélecteurs incorrect?

EDIT: full script here

EDIT: Example of one element - Il y a 50 de ces intérieur d'un conteneur div.

Answer 1

Ajoutez-vous l'écouteur à un bouton d'envoi? Assurez-vous de retourner vrai ou faux si le formulaire doit être soumis ou non.

Answer 2

il semble que cela pourrait être l'un des deux il y a: 1) vous avez ajouté 50 clic listners à un seul bouton: vous pouvez essayer en ajoutant:

$('.thumbs').unbind(); 

avant d'attribuer un nouveau gestionnaire .

Si c'est le cas, vous devriez essayer de trouver pourquoi et vous assurer que vous en ajoutez seulement un.

2) l'action par défaut du bouton est le problème:

comportement par défaut d'arrêt:

$('.thumbs').click(function(event){ 
event.preventDefault();