0

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

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

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

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

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

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

4

1 回答 1

0

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

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

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

在最后添加一个类liwheremore是：

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

我希望这有帮助，

因此，您希望使其可drop放置，并且一旦放置了一个项目并且如果它是一个项目，该功能将被触发......

于 2012-11-07T15:18:11.157 回答