Discussion :

[Paci88]

Bonjour à tous,

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

Code :

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

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 :

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

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

Cordialement

[SpaceFrog]

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

[Bovino]

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 :

Montre nous plutot comme tu ajoutes un element ...

[Paci88]

Comme ça :

Code :

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

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>'));

[Bovino]

Plutôt que de mettre la classe dans :

Code :

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

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

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

Code :

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

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');

[Paci88]

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.

[Paci88]

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.

[Invité]

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