JQuery Sortable ConnectWith不起作用

前端之家收集整理的这篇文章主要介绍了JQuery Sortable ConnectWith不起作用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有两个可排序列表.我想连接这个列表,这样我就可以在两个方向上将项目从一个列表移动到另一个列表.我使用可排序的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.

Sortable connectWith Bug

猜你在找的jQuery相关文章