jqueryui Dropable和sortable可以一起工作吗？

我想把一个项目拖到容器中。 无论项目是否在容器中，它都是可排序的，并且您 可以将项目拖出容器，但顺序仍然正确

但现在，当您将项目拖到容器中时，它无法将其拖出 再也没有了

---

将排序表包装到它们自己的div中，并使其也可拖放

<div id="wrap">
    <div id="item-list">
        <div class="item">1</div>
        <div class="item">2</div>
        <div class="item">3</div>
        <div class="item">4</div>
    </div>
    <div class="container">container</div>
</div>

CSS：

$("#item-list, .container").sortable();
$("#item-list, .container").droppable({
    accept: ".item-container",
    drop: function (e, ui) {
        var dropped = ui.draggable;
        var droppedOn = $(this);
        $(this).append(dropped.clone().removeAttr('style').removeClass("item-container").addClass("item"));
        dropped.remove();
    }
});

$(".container").droppable({
    accept: ".item",
    drop: function (e, ui) {
        var dropped = ui.draggable;
        var droppedOn = $(this);
        $(this).append(dropped.clone().removeAttr('style').removeClass("item").addClass("item-container"));
        dropped.remove();
    }
});

.item, .item-container {
    width:200px;
    height:30px;
    border:1px dashed red;
    margin:10px 0;
    cursor:move;
}

---

这里是小提琴：

不，你不能同时使用这两种东西，你必须使用jqueryui@pareshm谁告诉你的？@melvin因为我也试过了。但是容器不能再排序了，我希望容器本身可以和可排序的项目一样排序，无论如何，非常感谢。我的错误。如果一个列表接受某个类的项，而另一个列表接受另一个类的项，那么它将工作。谢谢你，伙计，但还是有bug，我不能一个接一个地拖动一个项目，当我从容器中拖动一个项目时，它将是容器之前的最后一个项目，不能移动到其他地方，我的最终解决方案是，容器仍然不能排序，但我想项目经理会忽略这个bug，谢谢你！

.item, .item-container {
    width:200px;
    height:30px;
    border:1px dashed red;
    margin:10px 0;
    cursor:move;
}