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

Posted 2023-05-08

【中文标题】jquery如何通过\'draggable\'和\'droppable\'来排序\'t项目“互相吃”？

【英文标题】：how could jquery sortable't items "eating each other" by 'draggable' and 'droppable'?jquery如何通过'draggable'和'droppable'来排序't项目“互相吃”？

【发布时间】：2022-01-08 11:22:15

【问题描述】：

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

所以：

<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');
  
);

但它并不完全有效。

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

谢谢！

【参考方案1】：

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

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

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