如何将两个列表与可拖动，可拖放和可排序？

我有两个列表。在开始时，只有第一个具有可见元素，第二个列表仅以一个隐藏元素开始。当我拖动时，我搜索空列表来查找是否只有一个元素，以及它是否通过CSS隐藏。如果是这样，我从源列表中删除元素并将其添加到第二个元素。此外，我需要第二个列表可排序，但目前与下面显示的代码不起作用。如何将两个列表与可拖动，可拖放和可排序？

$(function(){ 
    $('.draggable_base_menu_item').draggable({ 
     containment: '#submenu', 
     stack: '#submenu ul li', 
     cursor: 'move', 
     revert: false, 
     connectToSortable: '.droppable_menu_item_area' 
    }); 

    $('.droppable_menu_item_area').sortable({ 
     tolerance: 'pointer', 
     items: 'li', 
     receive: function(event, ui) 
     { 
      $(ui.draggable).appendTo(this); 
     } 
    }).disableSelection(); 
});

任何人都可以提出任何建议吗？

来源

2011-10-04 Eugene

Sortables已经是可拖动的了。使用sortables与连接列表：

http://jqueryui.com/sortable/#connect-lists

来源

2012-03-11 10:08:08 Sathish

对于新的jQuery UI的网址是：http://jqueryui.com/sortable/#connect-lists – Liv

页面缺少：“看来我们不能找到你在找什么。“ –

如何将两个列表与可拖动，可拖放和可排序？

回答

相关问题