Bonjour,
J'ai développé une fonction permettant de positionner un élément draggable dans un élément droppable en fixant la position du draggable une fois droppé:
A noter que l'élément draggable est positionné en absolute.
De plus, l'élément draggué devient l'enfant du drop.
Cela fonctionne très bien. Le problème survient lorsque je veux sortir l'enfant du parent avec un drop out. En effet, l'élément vient se placer à une position fixée (ici top: 10px, left: 170px mais en absolue par rapport au nouveau parent (ici $("#container") étant le parent de l'ancien parent)
Mon problème c'est que je ne sais pas contrecarrer cet effet indésirable.
Auriez vous une solution à m'apporter ?
Merci d'avance
Modifié par iMoT3pH (06 Mar 2012 - 13:37)
J'ai développé une fonction permettant de positionner un élément draggable dans un élément droppable en fixant la position du draggable une fois droppé:
newStick.droppable({
tolerance: 'touch',
drop: function( event, ui ) {
$(this).append(ui.draggable);
ui.draggable.css('left', '170px');
ui.draggable.css('top', '10px');
},
out: function(event, ui) {
$("#container").append(ui.draggable);
}
});
A noter que l'élément draggable est positionné en absolute.
De plus, l'élément draggué devient l'enfant du drop.
Cela fonctionne très bien. Le problème survient lorsque je veux sortir l'enfant du parent avec un drop out. En effet, l'élément vient se placer à une position fixée (ici top: 10px, left: 170px mais en absolue par rapport au nouveau parent (ici $("#container") étant le parent de l'ancien parent)
Mon problème c'est que je ne sais pas contrecarrer cet effet indésirable.
Auriez vous une solution à m'apporter ?
Merci d'avance
Modifié par iMoT3pH (06 Mar 2012 - 13:37)
