如何在列表之间只有单个方向的Jquery可排序元素？

Question

它们是一种启用单一数据方向的方法,其中table1只能提供元素并且table2只能接收元素吗？

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

请原谅我的经验,任何信息都表示赞赏.

Answer 1

来自API文档:

connectWith: 此列表中的项应连接到的其他可排序元素的选择器.这是一种单向关系,如果您希望项目在两个方向上连接,则必须在两个可排序元素上设置 connectWith选项.

您提供的代码示例似乎与jQuery UI演示站点的代码示例类似.如果您研究代码,您会注意到CSS类.connectedSortable在两个列表中都被声明:

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

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

您提供的代码将使此可排序列表成双向.要使其成为单向,您可以指定另一个选择器:

$(function() {
  $( "#sortable1, #sortable2" ).sortable({
       connectWith: "#sortable2" // changed this to reflect the ID of the second list
   }).disableSelection();
});

例如,请参阅jsFiddle