Fonction jQuery ne fonctionne pas sur un contenu rafraichi avec AJAX.

Bonjour,

Je ne suis pas un expert avec javascript et jQuery mais je m'en sers régulièrement pour une application PHP/Ajax.
Et là je sèche complétement, et j'ai du mal à trouver une réponse avec google.

J'ai ce code JS que j’exécute au chargement de la page.

Code:

---

1 2 3 4 5 6 7 8 9

jQuery( document ).ready(function() { jQuery("[attributName]").bind("contextmenu",function(evt){ if (evt.ctrlKey ) { var key = jQuery(this).attr("attributName"); alert(key); return false; } }); });

---

Ca marche très bien une au début, et ensuite je fais un appel ajax qui rafraichit un élément, et là ça ne fonctionne pas avec le contenu envoyé par l'ajax.
Pourtant dans le contenu html que l'ajax à envoyer j'ai bien du contenu avec l'attribut "attributName".

Je pense que j'ai oublié un truc de base, mais je vois pas quoi...
Merci d'avance et bon week-end !

essaie avec :

Code:

---

1 2 3

jQuery("body") .bind("contextmenu","[attributName]",function(evt){...});

---

au lieu de :

Code:

---

1 2	jQuery("[attributName]").bind("contextmenu",function(evt){...});

---

j'ai choisi "body" comme parent par défaut, tu peux mettre un autre parent plus proche de l'élément "[attributName]"

Bonjour,

1- .bind() est déprécié depuis jQuery 3.

2- il faut utiliser .on().

3- Pour ton problème : l'élément n'existe pas dans le DOM.
Il faut "accrocher" l'évènement à un élément existant (de préférence le plus proche).

Code:

---

1 2 3 4

jQuery('body').on('contextmenu', '#element_a_cliquer', function(event){ event.stopPropagation(); alert('ok'); });

---

Hello,

Merci pour vos réponses, ça marche parfaitement avec la solution de jreaux62.

Bonne journée à tous.