Discussion :

[undercrash]

Bonjour à tous,
voici les balises concernées :

Code :

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

1
2
3
4
5
6
7
8
 
<div id='controle'>
<br/>
<dl></dl>
<form>
   <input type="button" class='foo_btn' value="Plus d'aide &raquo;"></input>
</form>
</div>

j'insere grâce a jquery et à sa fonction append(), le code suivant dans la balise <dl> ci-dessus:

Code :

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

1
2
3
4
5
 
<dt><a>txt1</a></dt> 
  <dd>Dommage ...</dd> 
<dt><a>txt2 ?</a></dt>
  <dd>Bah... dommage aussi!</dd>

Ces balises sont géré par jquery et servent à afficher un menu vertical avec un slide.
(<dt> le sujet et <dd> le contenu)

Le probleme c'est qu'en insérant ces balises dynamiquement avec jquery, les evenements click ne fonctionnent plus.

Que faut-il faire pour qu'elles soient prisent en compte comme si elles étaient entrées en dur en html ?

Bonne journée

[undercrash]

J'ai trouvé la solution sur le channel IRC #jquery :

Il faut utiliser live() qui permet de redéfinir un évenement ( click sur les balises <a> dans les balises <dt> dans le cas ci dessous ).

Code :

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

1
2
3
4
5
 
$("dt a").live("click", function(){      
      $("dd:visible").slideUp("slow");
      $(this).parent().next().slideDown("slow");
});