jquery如何通过'draggable'和'droppable'来排序't项目“互相吃”？

Question

我需要合并组，例如将文件夹剪切到可排序菜单中的另一个文件夹。

所以：

<div id="menu">
  <li>aaa</li>
  <li>bbb</li>
  <li>ccc</li>
</div>

$('#menu').sortable({items: 'li'});

我想：

$('li').droppable({
  drop: function(event, ui) {
    $(this).find('li');
  }
});

但它并不完全有效。

有没有办法让可排序的项目“吃掉”其他项目？

谢谢！

Answer 1

JqueryUI 似乎没有办法做到这一点:(

有一种方法几乎可以满足我的需求（connectWith 彼此）但还不够好：http://jsfiddle.net/baserk/vcnaby78/

    $(".sortable").sortable({
        connectWith: ".sortable",
        opacity: .35,
        placeholder: "sortable-placeholder"
    }).disableSelection();