jQuery “$ (document) .on (‘clic’, ‘sélecteur’, rappel) ‘n’appelle pas au clic

J’ai récemment voulu continuer avec un ancien projet, mais l’une de mes fonctions javascript a cessé de fonctionner:

jQuery(document).on('click', '#button .submitb', function(e){alert();}); 

jQuery est inclus dans le document html. Mais si je clique sur un

 
Go!

, Rien ne se passe. Je n’ai même pas d’erreur dans la console chrome. De plus, je suis presque sûr que cela a fonctionné il y a quelques semaines … Quelqu’un a une idée de ce qui ne va pas et de la façon dont je peux résoudre ce problème?

Si vous voulez cibler le même élément, vous ne pouvez pas .submitb space entre les sélecteurs, cela voudrait dire .submitb Descendant de #button .

Et puisque l’élément a un identifiant, vous avez simplement besoin du sélecteur d’identifiant:

 jQuery(document).on('click', '#button', function(e){alert();}); 

MODIFIER:

Vous ne pouvez pas avoir plusieurs boutons avec le même identifiant ! alors vous devriez utiliser uniquement la class . Ou donnez-leur différents ID-fin comme _0 , _1 et target avec [id^=button]

.submitb n’est pas un descendant de #button pour le cibler avec jquery, utilisez simplement l’id `#button ‘

comme ça

jQuery(document).on('click', '#button', function(e){alert();});

Si vous voulez cibler un div id avec cette classe, vous pouvez simplement déplacer l’espace.

comme ça

jQuery(document).on('click', '#button.submitb', function(e){alert();});