значится есть два списка, первый список-источник, второй список ХХХ (список2), его нам нужно сортировать, в него кидаем из списка 1 и из него же мы кидаем куданить ещё...
код
jQuery(document).ready(function () {
jQuery('#list1 li.external-event').each(function() {
jQuery(this).draggable({
connectToSortable: "#list2",
helper: 'clone', // хочется, чтобы работало без клонов, но без них вообще глючит (при перетаскивании li в список2, li отрывается от курсора пикселей на 40 вверх.., даже не понятно как отлаживать драганддроп ситуации )
zIndex: 999,
revert: true,
revertDuration: 0
});
});
jQuery( "#list2" ).droppable({
activeClass: "border",
hoverClass: "ui-state-hover",
accept: ":not(.ui-sortable-helper)",
drop: function( event, ui ) {
}
}).sortable({
sort: function() {
jQuery( this ).removeClass( "ui-state-default" );
}
}).disableSelection();
jQuery('#list2 li.external-event').each(function() {
jQuery(this).draggable({
zIndex: 999,
revert: true,
revertDuration: 0
});
});
});
в итоге: перетащенные в список2 объекты сортируются, а существующие в списке2 объекты перетаскиваются...