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

Question

我有两个通过jQuery可排序插件连接的sortables。是否有可能改变其中一个的可拖动目标？我想不是从＃sortable1拖到＃sortable2，而是拖到$（'#sableable'）。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

我不确定我理解你在这里想要达到的目标。 您希望您的父div获得第二个可排序的高度或您的sortables具有固定高度？

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

更新：我认为您需要排序/放弃请看看这篇文章。

jQuery Sortable and Droppable