draggable+droppable+sortable возможно ли?
Здравствуйте!
Как я не пытался реализовать такую схему, ничего не выходит... либо работает draggable либо sortable. Может кто наставить на путь истины? спс |
ну так покажите свои functiables
|
значится есть два списка, первый список-источник, второй список ХХХ (список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 объекты перетаскиваются... |
Часовой пояс GMT +3, время: 05:20. |