Télécharger
Noter:

Ajouté le 2021-12-03
Visionné 1024 fois
5/5 (1)

jQuery ne fonctionne pas sur les éléments chargés dyna

Description

Lors de l'utilisation de $.post ou $.get de jQuery (requête AJAX), les éléments chargés ne sont pas reconnus par les fonctions jQuery, pour remédier ce problème, la solution est d'utiliser le gestionnaire d'événement et de demander à la fonction d'être opérationnelle même après un chargement de contenu nouveau.



Exemple qui ne fonctionne pas sur du nouveau contenu ajouté:
$(".mon-element").click(function(){/*exécution de la fonction*/});
/*
ne fonctionne pas car l'élément qui sera chargé est inconnu une fois la fonction définie
*/


Exemple qui fonctionne sur du nouveau contenu ajouté, après une modification du contenu:
$(document).on("click",".mon-element",function(){/*exécution de la fonction*/});
/*
$(document) nous sert à indiquer "regarder dans tout le "document"
on() "on" signifie "sur", sur quoi ? l'événement "click", sur quel élément ? ".mon-element" (ici, une classe CSS, ça aurait pu être #mon-element par exemple, ou autre)
*/


En espérant que cette fonction vous aidera.


Besoin de travaux pour votre site ?

Je suis disponible, contactez-moi !

Commentaires

Ajouter un commentaire

Commenter
Pseudo/Nom
Email
Message
Captcha
memo1memo2
Commenter

Meta29 le 27 Août 2020 à 02:16

Merci mon frère, ce code marche parfaitement, je butais sur le même problème et ton post vient de me sauver Merciiii

Retour à la liste des scripts