带有 jQ​​uery 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 函数将被触发......