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

Question

我有一个带有sortable选项的水平jQuery菜单项。它有一个子菜单。 我想：

1. 保持菜单项的子菜单锁定在列表末尾
2. 能够将菜单项从主菜单拖动到子菜单并自动更改样式
3. 能够在再次打开页面时保存布局

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

对不起，如果我遗漏了一些明显的东西;我是jQuery UI（不是jQuery）的新手。

演示：http://jsfiddle.net/3sUvm/12/

编辑：更新了错误的演示链接

Answer 1

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

http://jqueryui.com/sortable/#connect-lists-through-tabs

$( "#sortable1, #sortable2" ).sortable().disableSelection();

在li所在的more上添加一个班级：

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

我希望这有帮助，

所以你想让它可以放置，一旦项目被删除，drop函数就会被触发，如果它是一个项目......