Comment réaffecter les evements de balises insérées dynamiquement avec jquery !

Bonjour à tous,
voici les balises concernées :

Code:

---

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:

---

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

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:

---

1 2 3 4 5

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

---

:mrgreen: