Jquery 可排序不'；t在可拖动和可下降的情况下不能正常工作

见演示

在这里，底部的绿色方块可以拖拽到黑暗的加里区域。此外，我希望3个块是可排序的，例如，如果块2首先被拖到深灰色区域，块3应该移动到块2的位置

当前可排序功能在没有可拖放功能的情况下工作，请查看。但是，它不适用于可拖动和可拖放，请参见

---

有人能帮我吗？提前谢谢

听起来您只是想对连接列表使用Sortable：

我修改了您的第一个JSFIDLE：

HTML:

这使得上面的灰色区域也可以排序，这可能完全适合您的需要，也可能不完全适合您的需要。如果您希望将可排序的项放入可拖放项中，并能够将其重新放入可排序项中，请查看以下内容：

<div class="demo">

    <div id="droppable" class="drp">

    </div>
    <div id="draggableElements" class="drp">
        <div class="draggable">
            <p>Sen1</p>
        </div>
        <div class="draggable">
            <p>Sen2</p>
        </div>
        <div class="draggable">
            <p>Sen3</p>
        </div>

    </div>
</div>

$(function() {

            $("#draggableElements, #droppable").sortable({
                    connectWith: ".drp",
                    placeholder: "ui-draggable"
                });

    });