Event sur div ajouté dynamiquement

Bonjour à tous,

sur ma page, j'ai des div présentes dès le chargement de la page.

Code:

---

1 2	<div class="icon">

---

Puis, je rajoute dynamiquement des div au cours de l'utilisation ayant la même classe que les div précédentes.

J'ai définit une fonction JQuery qui se lance au chargement de la page qui détruit la div lors d'un clic sur celle-ci.

Code:

---

1 2 3 4 5 6

$("div.icon").click( function() { $(this).parent().remove(); } );

---

Ma fonction fonctionne parfaitement sur les div présentes dès le départ, mais pas sur celles qui sont ajoutés dynamiquement? Est-ce un fonctionnement normal du fait que justement elles soient ajoutées dynamiquement?

Je vous demande de l'aide car je trouve ça très bizarre...

Merci de vos réponses :D

Cordialement

ajoutées dynamiquement ... soit ....
mais comment ?
Montre nous plutot comme tu ajoutes un element ...

Citation:

---

Est-ce un fonctionnement normal du fait que justement elles soient ajoutées dynamiquement?

---

Oui, car tu filtres les éléments à supprimer d'après leurs nom de classe et que l'ajout dynamique de classe pose souvent ce genre de problème.
Donc :

Citation:

---

Envoyé par SpaceFrog

Montre nous plutot comme tu ajoutes un element ...

---

Comme ça :

Code:

---

1 2 3 4 5 6 7 8 9

$(panelDispo).append(jQuery('<div class="icon2">' + ui.draggable.find("img") .clone() .css("width", "32px") .css("height", "32px") + '</div>') .html(ui.draggable.find("img").clone().css("width", "32px").css("height", "32px")) .append('<div class="icon"></div>'));

---

Plutôt que de mettre la classe dans :

Code:

---

$(panelDispo).append(jQuery('<div>'

---

Utilise plutôt la fonction addClass de jQuery, cela posera moins de problème :

Code:

---

1 2 3 4 5 6 7 8

$(panelDispo).append(jQuery('<div class="icon2">' + ui.draggable.find("img") .clone() .css("width", "32px") .css("height", "32px") + '</div>') .html(ui.draggable.find("img").clone().css("width", "32px").css("height", "32px")) .append('<div class="icon"></div>').addClass('icon2');

---

Je te remercie pour la célérité de ta réponse. Malheureusement, on obtient le même résultat que précédemment. Malgré tout, il est vrai que c'est plus clair.

Pour tous ceux que ça intéresse, le problème peut être résolu via le plug in livequery.

Merci à vous 2 pour vos réponses. :)

Pour tous ceux que ça intéresse, ce problème est définitivement résolu avec la nouvelle version de jquery via la fonction live :
http://api.jquery.com/?added=1.3