两个 jquery-ui sortables 连接，如何改变 droppable 目标？

Question

我有两个 sortables 通过 jQuery sortable 插件连接。是否可以为其中之一更改可拖动对象的目标？我不想从#sortable1 拖到#sortable2，而是拖到$('#sortable').parent()，因为#sortable2 太小了。让它变大会破坏 html 布局。

$( "#sortable1, #sortable2" ).sortable({
  connectWith: ".connectedSortable"
}).disableSelection();

<ul id="sortable2" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
</ul>

<ul id="sortable2" class="connectedSortable">
  <li class="ui-state-default">Item 3</li>
</ul>

这是一个演示：https://jsfiddle.net/uq3vu5ne/

Answer 1

我不确定我是否理解您在这里想要实现的目标。 您想让 parent div 获得第二个 sortable 的高度或您的 sortable 具有固定高度？

如果是第一个，您可以删除静态高度。如果是后者，您可以添加固定高度并滚动到您的可排序项。

更新： 我想你需要 sortable/droppable 请看看这个 post。

jQuery Sortable and Droppable