Bonjour tout le monde,

J'utilise le 3D Carousel de la librairie Interface pour jQuery ( documentation, démo ).

J'aimerai avoir la possibilité de créer et détruire autant d'objet Carousel que je veux.

Le souci c'est que si je détruis l'élément DOM, je ne détruis pas l'objet jQuery : c'est flag sur Firefox où lorsque je crée mon deuxième ou troisième 3D Carousel en ayant supprimé auparavant les précédents, l'élément tourne n'importe comment, et ça fait même couiller la navigation par onglet !

Exemple de test :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
 
var maFonction1 = function()
{
	 $('#monCarroussel').append( $('#maSource').children().clone() ); $('#monCarroussel').Carousel( { itemWidth : 100, itemHeight : 100, itemMinWidth : 60, items : 'a', reflections : .5, rotationSpeed : 3 } );
};
 
var maFonction2 = function() 
{
	$('#monCarroussel').empty();
};
 
</script>
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
<input id="bouton" onclick="maFonction1();" type="button"  value="créer carroussel" />
<input id="bouton2" onclick="maFonction2();" type="button"  value="exterminer carroussel" />
 
<div id="monCarroussel" class="nouvelleListe"></div>
 
<div id="maSource" style="display:none;">
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
<a href="" title=""><img src="" width="100%" /></a>
</div>
Y a-t-il moyen de détruire complètement un objet jQuery ?