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

如何在列表之间只有一个方向的Jquery可排序元素?,jquery,jquery-ui-sortable,Jquery,Jquery Ui Sortable,它们是一种启用单一数据方向的方法,其中一个表1只能提供元素,而表2只能接收元素 $(function() { $( "#sortable1, #sortable2" ).sortable({ connectWith: ".connectedSortable" }).disableSelection(); }); 请原谅我的经验不足,我们非常感谢您提供的任何信息。来自: 连接方式: 此列表中的项应连接到的其他可排序元素的选择器。这是一种单向关系,如果希望项目在两个方向上连

它们是一种启用单一数据方向的方法,其中一个
表1
只能提供元素,而
表2
只能接收元素

$(function() {
  $( "#sortable1, #sortable2" ).sortable({
       connectWith: ".connectedSortable"
   }).disableSelection();
});
请原谅我的经验不足,我们非常感谢您提供的任何信息。

来自:

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

您给出的代码示例似乎与的类似。如果研究代码,您会注意到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();
});