jQuery : Éléments Chargés Dynamiquement

Description

Lorsque vous travaillez avec les requêtes AJAX, telles que $.post ou $.get de jQuery, vous pouvez rencontrer un problème : les éléments chargés dynamiquement ne sont pas reconnus par les fonctions jQuery. Cela peut être source de confusion et de complications dans le développement web.

Cependant, il existe une solution à ce problème : si vous utilisez des gestionnaires d'événements jQuery, vous demandez à vos fonctions jQuery de continuer à s'exécuter même après le chargement du nouveau contenu dynamique. Cela ouvre la porte à une meilleure gestion des interactions utilisateur, garantissant que votre application reste réactive et cohérente, quelle que soit la manière dont le contenu évolue au fil du temps.


Exemple qui ne fonctionne pas sur du nouveau contenu ajouté :

$(".mon-element").click(function(){/*exécution de la fonction*/});

/*

Ne fonctionnera pas car l'élément ".mon-element" qui sera chargé sera inconnu une fois la fonction définie.

*/

La solution : $(document).on()

Exemple qui fonctionne sur du contenu ajouté dynamiquement :

$(document).on("click",".mon-element",function(){/*exécution de la fonction*/});

$(document) Est utilisé pour spécifier de parcourir l'ensemble du "document" (Même le contenu chargé dynamiquement)
Le terme on() fait référence à "sur" - c'est-à-dire, sur quel événement ? L'événement "click".
Sur quel élément ? L'élément .mon-element (Peut être une classe CSS, comme aurait pu être #mon-element, ou toute autre sélecteur).

J'espère que ce script gratuit vous sera utile dans vos projets.

Si vous souhaitez soutenir mon travail, un simple clic sur le bouton "Donner remercier" ci-dessous ou une note serait grandement apprécié. Merci pour votre générosité !

Vous recherchez un script précis ?

Dites-moi ce dont vous avez besoin, je peux développer le script demandé et vous envoyer un mail dès qu'il est dispo !

Envoyer ma demande

🔔 Vous pouvez laisser votre mail pour recevoir les nouveaux scripts. Pas de pub, pas de tracas. Vous êtes libre de le supprimer à tout moment.

Je prends en compte toutes les demandes. Les idées les plus populaires passent en priorité et seront publiées dès qu'elles seront prêtes. 2842 demandes reçues.

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