Tree UL-LI avec Jquery sous IE

[Mouis]

Bonjour,
Voici mon problème. Plutot que de réutiliser un librairie existante style jstree ou autre dont je n'utiliserai pas le 1/4 des methodes, j'ai voulu me faire une petite librairie pour créer une arborescence de ul-li, pouvoir déplacer une branche dans une autre, faire de l'ordonnancement, etc...


Bref, à l'heure d'aujourd'hui, ma lib est finie ou presque... IE ne veut pas que tout fonctionne bien.

Petite Démo

Voilà si vous utilisez FF ou Chrome normalement tout ce passe bien...
vous pouvez déplacer les feuilles et les branches dans l'arborescence.

Le problème sous IE (et le draggable) est que lorsque je prends une sous branche ou une feuille, dans mon arborescence et que je veux la déplacer, il me déplace la feuille mais aussi ses branches parents....
(pas facile à rester clair là...)

la lib que j'ai faite s'appelle dragAndDrop.js si vous voulez inspecter la source

Donc pour rendre tous mes li dans mon arbre (.treeMade) draggable je fais :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
 
$('.treeMade li').draggable({
	tolerance : "pointer",
	helper: "clone",
	revert: "invalid",
	addClasses: false,
	opacity: 0.7,
	zIndex: 100,
	start: function(event, ui){
		console.log( $(this).attr('id') );
	}
});

Je pense que le souci viens de là...

Merci d'avance

[Mouis]

Alors on continue l'exploration

Alors que tout marchait sur FF et Chrome et ne trouvant pas de solution pour IE...
Je décide de mettre à jour mes versions de Jquery et Jquery UI

et beh c'est pas jojo

Jquery 1.4.2 => Jquery 1.5
Jquery 1.8.4 => Jquery 1.8.9


Il semblerai qu'une fois qu'un élément est été déplacé, il n'ai plus le même comportement...
Je vais essayer de mettre à jour le drag and drop à la fin d'un premier drag.....

[Mouis]

Alors je me lève et je confirme !!!!!

Une fois que mon li a été droppé il semble qu'il ne puisse plus être réutilisé.... il faut donc le rebinder en drag....

C'est moche la vie