两个jquery-ui可伸缩连接，如何更改可伸缩目标

Two jquery-ui sortables connected, how to change droppable target?

本文关键字：可伸缩 何更改 目标 连接 jquery-ui 两个      更新时间：2023-09-26

我用jQuery可排序插件连接了两个可排序表。有可能为其中的一个更改拖拽目标吗?我不想从#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/

我不太明白你想要达到的目的。是希望父div获得第二个排序表的高度还是希望排序表具有固定高度?

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

更新:我认为你需要可排序/可掉落的，请看看这篇文章。

相关文章：