jQuery Girl
  1. jQuery Girl
  3. Je ne peux pas appeler ma fonction jQuery
Intereting Posts
Est-ce que je ne retourne pas cette chaîne JSON correctement? Appelez la fonction jquery au clic d’un lien de pagination bootstrap La sélection discontieuse n’est pas prise en charge. Le script JavaScript ajouté dynamicment continue de s’exécuter lorsqu’il est supprimé du DOM jqGrid (ligne de suppression) – Comment envoyer des données POST supplémentaires? Comment déclencher des gestionnaires d’événements après le chargement du contenu AJAX dans JQuery Comment capturer l’événement de début de défilement sur iPhone / Android Utiliser jQuery avec Batman.js comment pourrais-je stocker un object javascript en tant qu’atsortingbut de données et le modifier Comment empêcher la redirection / actualisation de la page après la soumission du formulaire, tout en préservant l’entrée de fichier? Jquery jQuery glisser-déposer la validation de réponse correspondante Comment appliquer le plugin raty aux nouveaux divs générés? JQuery end $ .each () en boucle dans $ .click PHP mysql nombre d’écanvass Le code jQuery est toujours en cours d’exécution même après la mise en commentaire

Je ne peux pas appeler ma fonction jQuery

J’ai créé une fonction jQuery qui ajoute et supprime une classe en cliquant sur un bouton.

L’arrière-plan gris changera en fonction du bouton sur lequel vous cliquez car j’ajoute et supprime la classe de active-button chaque fois. 

 /* Add / remove the active button class */ jQuery(document).ready(function() { jQuery('.sm-btn-right').click(function() { jQuery('.sm-btn-right').addClass('active-button'); jQuery('.sm-btn-left').removeClass('active-button'); }); jQuery('.sm-btn-left').click(function() { jQuery('.sm-btn-left').addClass('active-button'); jQuery('.sm-btn-right').removeClass('active-button'); }); }); 
 .sm-btn-left { color: red; } .sm-btn-right { color: blue; } .active-button { background-color: #ddd; } 
  
 
 Map 
 
 List

Ensuite, j’ai réalisé que j’avais besoin d’une fonctionnalité similaire pour certains autres boutons, alors j’ai décidé de la transformer en une fonction réutilisable que je pourrais appeler en cas de besoin. Mais lorsque je fais que la fonction cesse de fonctionner, la classe de active-button ne change pas.

Voici ma tentative (brisée) de le séparer dans sa propre fonction réutilisable. 

 /* Add / remove class */ function bgAddRemoveClass(elem1, elem2, theClassNoDot) { jQuery('elem1').click(function() { jQuery('elem1').addClass('theClassNoDot'); jQuery('elem2').removeClass('theClassNoDot'); }); jQuery('elem2').click(function() { jQuery('elem2').addClass('theClassNoDot'); jQuery('elem1').removeClass('theClassNoDot'); }); } /* Invoke the function */ jQuery(document).ready(function() { bgAddRemoveClass('.sm-btn-left', '.sm-btn-right', 'active-button'); }); 
 .sm-btn-left { color: red; } .sm-btn-right { color: blue; } .active-button { background-color: #ddd; } 
  
 
 Map 
 
 List

Qu’est-ce que je fais mal?