Discussion :

[jamdinhe]

bonjour,
J'ai un élément <div id="bouton"> sur lequel j'exécute un certain nombre d'instructions javascript à partir de $(document).ready, tout est bon, la fonction retoune un résultat.
Ailleur dans mon code,je fait removeChild() pour supprimer le div et je le recrée avec createElement() et appendChild() avec le même id que celui de tout à l'heure, mais surprise, la fonction ne retourne plus aucun résultat.

Je ne sais pas si c'est en lien avec le DOM ou autre mais je vous demande de bien vouloir m'aider sur ce probleme carca fait deja une semaine que je bloque dessus
Merci a tout ceux qui veulent aider
Amine

[Lorenzo77]

salut,
puisque tu utilises JQ alors passe par .detach() et .append() pour garder les évènements actifs

[ABCIWEB]

Ben oui quand tu utilise removeChild, c'est l'équivalent de la fonction jquery remove() et cela efface l'objet concerné et les comportements qui lui sont affectés.
Donc soit tu recrée une fonction qui fait l'équivalent de "detach", soit tu dois reprogrammer les évènements sur ton objet mais le plus simple reste encore d'utiliser la fonction dédiée jquery "detach".

[danielhagnoul]

Bonsoir

Petit test sur la méthode detach(), on peut même changer l'ID avant de réinsérer le fragment du DOM, l'événement fonctionne toujours.

<a id="aID" href="www.google.com">Ici</a>.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
$( function(){
 
	$( "#aID" ).on( "click", function(){
		console.log( this.href, $( this ).attr( "href" ) );
 
		return false;
	});
 
	var jObj = $( "#aID" ).detach();
 
	jObj[0].id = "anID";
 
	console.log( jObj );
 
	$( "section.conteneur" ).append( jObj );
 
});