jQuery UI Draggable [IE]

Bonjour,

J'explique mon problème qui est assez contraignant pour mon projet.

Prenons l'exemple du bout de code suivant :

Code:

---

1 2 3 4 5 6 7 8 9 10

<div> <div id="col_1" class="droppable"> <div class="draggable"></div> </div> <div id="col_2" class="droppable">..</div> <div id="col_3" class="droppable">..</div> <div id="col_4" class="droppable">..</div> <div id="col_5" class="droppable">..</div> </div>

---

A l'intérieur de ces div j'ai mes éléments draggables

Mon initialisation javaScript des éléments droppables est là suivante

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

var initDroppable = function() { var fctOver= function (event, ui) { $(this).append(ui.draggable); };   var conf = { tolerance: 'pointer', over: fctOver };   $('.droppable').droppable(conf); };

---

Problème sous IE, lorsque la fonction 'fctOver' s'execute quand mon helper arrive sur l'élément droppable, j'ai également l'évènement STOP de mon élément draggable qui s'éxécute et plante donc tout !

Apparement IE n'aime pas trop le fait de modifier l'emplacement d'un élément dans le DOM pendant le dragging.

Si quelqu'un à une solution à proposer je suis preneur. Si vous ne saisissez pas exactement mon problème, merci de me le redire j'essayerais d'être plus explicite avec une page de demo.

Merci :]

Resolu ! En voilant créer un exemple pour que le problème soit plus explicite j'ai trouvé la solution o_O

Dans ma fonction suivante il fallait vérifier que on append n'était pas fait sur la même colonne que $(this) :

Code:

---

1 2 3 4

var fctOver= function (event, ui) { $(this).append(ui.draggable); };

---

Ce qui donne :

Code:

---

1 2 3 4 5 6

var fctOver= function (event, ui) { if ( $(this).attr('id') != ui.draggable.parents('.droppable').attr('id') ) { $(this).append(ui.draggable); } };

---

Ah la la les joies de IE :) enfin le problème est résolu c'est le principal!