jQuery ne s'applique pas sur mes modifications en AJAX

Bonjour,

Dans le cadre de la conception d'un site, je dois recharger une partie d'une page lorsque les visiteurs cochent/décochent une checkbox. Pour le moment, je me contente de regénérer exactement le même code HTML avec juste un mot en plus dans le texte pour vérifier que cela a marché.

La requête AJAX se passe bien et rend exactement le code voulu via un "innerHTML" sur un div placé dans la page, mais toutes mes fonctions jQuery (notamment des "show()" et des "hide()") ne fonctionnent plus sur ce code.

En résumé, au départ, ca marche, je fais la requete AJAX en remplacant le code par le même code (mais en re-écrivant par dessus donc), et là, pouf, plus aucun JavaScript jQuery qui fonctionne...

J'avoue être assez sceptique, c'est les mêmes "id" et "class", et comme mon code jQuery ne fait appel qu'à ça pour localiser les éléments sur lesquels exécuter du JavaScript, j'aurais pensé que ca marcherait bien, mais visiblement non.

Merci d'avance.

Sujet maintes fois traité et repris dans la FAQ :roll:
A l'inverse de CSS, JavaScript n'affecte pas d'actions en fonction de classes ou d'id mais en fonction d'objets HTML. Si tu remplaces un élément, tu as beau lui donner le même id ou la même classe, il ne s'agit pas du même objet JavaScript, donc les actions attachées disparaissent aussi.

Autant pour moi, je n'ai pas encore lu toutes la FAQ et il faut croire que cette partie m'avait échappé.

Merci beaucoup pour la réponse.