我有两个可排序列表.我想连接这个列表,这样我就可以在两个方向上将项目从一个列表移动到另一个列表.我使用可排序的connectWith,但我仍然无法将列表项从一个列表移动到另一个列表.
此外,我可以将项目从一个地方移动到另一个地方,但在同一个列表中.
这是代码:
<div class="category-container" data-id="1"> <div class="category-header" data-id="1"> </div> <ul class="list-items ui-sortable"> <li class="item" data-id="3"> <li class="item" data-id="43"> <li class="item" data-id="28"> <li class="item" data-id="24"> <li class="item" data-id="21"> <li class="item new" data-id="0"> </ul> </div> <div class="category-container" data-id="2"> <div class="category-header" data-id="2"> </div> <ul class="list-items ui-sortable"> <li class="item" data-id="17"> <li class="item" data-id="8"> <li class="item" data-id="9"> <li class="item new" data-id="0"> </ul> </div>
和JQuery:
$(".list-items").sortable({ connectWith: '.list-items',items: "li:not(.item.new)",placeholder: 'place-holder',scroll: false,tolerance: "pointer" }).disableSelection();
我无法找出问题所在.
有人能帮我吗?
谢谢
解决方法
我想通了.
问题是list float属性.可排序的connectWith不能使用css float.