如何在列表之间只有一个方向的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();
});