Discussion :

[manest]

Bonjour

Je me sert de jquery sur un projet symfony. Voici mon soucis :

J'ai un bloc qui contient des textes cliquables liés à des évènements click() de jquery (on va dire que tous les span de classe "toto" sont cliquables, par exemple).
Donc quand je clic sur ces span "toto", jquery appel certaines fonctions. Ca ca va, ca marche.

Mais, ailleurs dans la page, j'ai une autre bloc qui fait un appel ajax mettant à jour le bloc contenant les textes cliquables.
Donc pas de soucis j'appelle une fonction qui me renvoi le nouveau code html, contenant toujours certain textes "toto" cliquables. Je met ensuite mon bloc à jour avec $("#mon_bloc").html(le_nouveau_code_html).
Il se met bien à jour, sauf que les éléments "toto" ne sont plus cliquable.

C'est comme s'il fallait redire à jquery d'associer l'événement "click" à toutes les classes "toto" de la page... Et ca je vois pas comment faire.

Si vous avez une piste, ca serait le bienvenue.

Merci d'avance.

[varex]

salut,

lorsque en jquery, on utilise la syntaxe suivante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$("img").click(function(){
    alert("ceci est une image");
});

Tous les éléments de la page de type image chargés au démarrage de la page seront associés à l'évènement click. Par contre, avec cette syntaxe, la persistance de l'évènement click sur l'image n'est pas conservée. Donc, si le contenu de la page est modifié (via AJAX par exemple), les nouvelles images ne seront pas concernés par l'évènement click.

Pour que les nouvelles modifications soient prises en compte, il faut utiliser un moyen de faire persister les évènements.

Pour cela, il existe la méthode live. En utilisant la syntaxe suivante, les nouvelles images ajoutées dans la page conserveront l'évènement click :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
$("img").live("click",function(){
    alert("ceci est une image");
});

Il existe une autre solution, c'est d'utiliser les méthodes 'bind' et 'unbind' mais je ne l'ai jamais utilisée.

[artotal]

bind() et unbind() ne le permet pas, sans recharger le dom il y a live() et die() qui est sont contraire.
Mais il existe aussi one() qui peux rendre service.