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.

Commentaires

Ajouter un commentaire

Commenter

Pseudo/Nom

Email

Message

Captcha

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