Javascript 使用jQuery UI可排序的菜单项（进入子菜单）

我有一个水平jQuery菜单项，带有

sortable

选项。它有一个子菜单。 我想：

保持菜单项，并在列表末尾锁定子菜单

能够将菜单项从主菜单拖动到子菜单，并自动更改样式

能够在再次打开页面时保存布局

目前我可以移动所有菜单项，但我不能将它们从一个级别移动到另一个级别。我尝试使用

connect

选项，但没有成功

对不起，如果我遗漏了一些明显的东西；我对jQueryUI（不是jQuery）非常陌生

演示：

---

编辑：更新了不正确的演示链接

好的，您的问题是因为容器，但是我认为您正在寻找这样的东西

$（“#可排序1，#可排序2”）.sortable（）.disableSelection（）

在最后一个
li
上添加一个类，其中
more
是：

$('.dop-here').droppable({
            accept: ".googlebar li",
            hoverClass: "ui-state-hover",
            drop: function( event, ui ) {
                // do something here...
            }
        });

我希望这有帮助

因此，您希望使其可拖放，
drop
功能将在项目被拖放后触发，如果它是一个项目…
我想您正在寻找它，您需要使用一个连接列表，只需提供
css选择器
，然后您就完成了…我尝试了，但它无法使用菜单的子菜单。好的，我不知道这会有多有用，但是，或者google
jquery Hierarchy sortable
或者类似的东西，你应该得到大量的TUT。这看起来是正确的插件，但根本不起作用。我试图在我的JSFIDLE中调用它，它完全打破了可排序性：啊，我的列表类型错了。不过，它仍然不能很好地与
菜单
配合使用。这就是演示，但不是选项卡，而是一个下拉菜单，将一个项目拖到任何选项卡上，然后将其放下，您要关注的是
drop:function
单击查看源代码并对其进行处理，因为这样不仅可以正确操作，而且可以理解放置的代码：）（教你如何钓鱼，而不仅仅是给你一条鱼）