JQuery 可排序 ConnectWith 不起作用

Question

我有两个可排序的列表。我想连接此列表，以便我能够将项目从一个列表双向移动到另一个列表。我使用可排序的 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();

我无法找出问题所在。

有人可以帮助我吗？

谢谢

Answer 1

我明白了。

问题出在列表 float 属性上。可排序的 connectWith 不适用于 css float。

Sortable connectWith Bug