Currently I'm having a small problem with the demo at http://jsfiddle.net/nivea75ml/yCnh5/. Whenever I drag a pink box from the list to the grey area and later move it back, it covers another one in the same list.
How can this behaviour be avoided?
Asked
Active
Viewed 109 times
1
-
read this: http://stackoverflow.com/questions/811037/jquery-draggable-and-overflow-issue – linguini Sep 29 '11 at 13:09
-
@Edd, could you please elaborate what issues have in my example? – Acubi Sep 29 '11 at 13:30
-
sorry, my bad i think, i don't remember anymore.. the good thing is that now works. – Edd Oct 12 '11 at 13:00
1 Answers
2
Droppable and sortable
$('#draggableList').sortable({
receive: function(event, ui) {
var item = $('.ui-draggable-dragging');
item.removeAttr("style");
item.removeAttr('class');
item.addClass('draggable');
}
});
var $tab_items = $("#droppable").droppable({
//accept: ".draggable",
hoverClass: "ui-state-hover",
drop: function(event, ui) {
var item = $(this);
var olditem = $(".draggable.ui-sortable-helper").clone();
if (olditem[0] != null) {
olditem.removeAttr('class');
olditem.addClass('dragged');
olditem.css({
'position': 'absollute',
'top': ui.offset.top,
'left': ui.offset.left
});
olditem.draggable({
connectToSortable: "#draggableList",
helper: "original",
revert: 'invalid'
});
ui.draggable.remove();
$('#droppable').append(olditem).show("slow");
}
},
out: function(event, ui) {}
});
zdrsh
- 1,667
- 1
- 14
- 26