Discussion :

[Invité]

Bonjour,

Suite à une action Ajax sur un conteneur d'éléments, mon code JavaScript (jQuery précisément), ne fonctionne plus sur tous les éléments de ce conteneur.

J'ai cru comprendre qu'il faut "actualiser" notre liste de balises dans le DOM pour que le navigateur les connaisse ; cependant rien de ce que j'ai testé ne fonctionne.

Je me suis tourné vers la méthode .live('click', function() { ... }); mais sans succès...

Une idée ?

[Bovino]

Une idée ?

Oui... consulter la doc de jQuery qui t'indiquera que .live() est dépréciée depuis la version 1.7 et retirée de la version 1.9.
C'est .on() qu'il faut utiliser.

[Invité]

Bonjour Bovino,

D'accord je n'avais pas compris le .on() de cette manière ; cependant même après modification du .live('click', function() { ... } ) par .on('click', function() { ... } ), cela ne fonctionne pas mieux.

Les éléments de mon conteneur ne sont toujours pas connus.

En fait, l'insertion de contenu due à Ajax, n'est pas faite avec jQuery mais en JavaScript "pur" (c'est projet d'étude et je n'ai pas encore appris comment procéder autrement).

[Bovino]

C'est juste parce que tu n'as pas lu la doc concernant .on() et notamment comment s'en servir dans le cadre de la délégation d'événements...

[Invité]

Ah ?

Très honnêtement je me suis penché de près sur deux documentations (dont celle-ci), aussi je pensais avoir codé correctement mon instruction. Visiblement non ; je ne suis pas non plus expert en anglais même si je comprends largement.


Après avoir cherché réponse un peu partout, il s'avère que mon problème reste non résolu.

Je sais qu'il y a le fait de gérer l'événement lors du clic (par exemple) ; cependant l'a fonction Ajax ne s’exécute pas par jQuery mais par du JavaScript pur, et donc là vraiment je ne vois pas. J'ai testé la fonction .on() avec tous les paramètres ; seul le PREMIER fonctionne puis avec le changement du DOM du à Ajax, cela ne fonctionne plus...

Une piste vers où m'orienter ?

[Invité]

Autre exemple, j'ai des boutons qui sont .hide() au lancement de la page, et dès que je modifie le contenu avec Ajax ils ne le sont plus (forcément) seulement je me demande : "QUAND appeler la fonction ?" pour ce type de cas ? :/

Le problème ici est que ces éléments ne doivent pas être en .hide() lors d'un événement, mais d'eux-même dès la fin du chargement Ajax.

Je suis complètement perdu là et à vrai dire cela reste le dernier détail sur ce projet que nous travaillons depuis 2 mois avec un collègue et que nous devons rendre lundi ; j'aimerais bien trouver la réponse histoire de rendre quelque-chose de fini...