Jquery ui jQuery UI在相同元素上可排序+可拖动+可拖放

我希望对相同的项目使用jQueryUISortable+Dragable+Dropable。我想对所有.item元素进行排序，并能够将一个.item拖放到另一个.item中。下面是我的代码：

<script>
    $(function() {
        $("#wrapper").sortable({
            items: ".item",
            stop: function(event, ui) {
                // save new sort order
            }
        });

        $(".item").draggable({
            helper: ".clone",
            connectToSortable: "#wrapper"
        }).disableSelection().droppable({
            accept: ".slide",
            drop: function(event, ui) {
                // dropping .item into another .item
            }
        });
    });
</script>

<div id="wrapper">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
   <div class="item">4</div>
   <div class="item">5</div>
</div>

当我使用sortable+draggable+droptable时，只有一个或另一个可以同时工作，而不是全部。我错过了什么来实现这一点

---

谢谢

我不确定我是否完全理解你想说的话。如果您只是尝试通过拖放对列表中的项目进行排序，则不需要.draggable和.droptable

---

如果您试图将一个项目元素放到另一个项目元素中，请告诉我，我会看看是否可以让它工作，并为它发布更新的小提琴。

这就是我要找的，也是这个人：如果您仍然感兴趣的话