jQuery UI Draggable + Sortable
.demo ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
.demo li { margin: 5px; padding: 5px; width: 150px; }
$(function() {
$("#sortable").sortable({
revert: true
});
$("#draggable").draggable({
connectToSortable: '#sortable',
helper: 'clone',
revert: 'invalid'
})
$("ul, li").disableSelection();
});
Drag me down
Item 1
Item 2
Item 3
Item 4
Item 5
Draggables are built to interact seamlessly with