将子菜单项拖放到新容器中

时间:2014-06-25 06:06:44

标签: jquery json jquery-ui

我想将submenu拖放到我使用container创建的新json。 我可以将所有菜单和子菜单拖到一起。但是我无法使用jquery ui单独拖动每个子菜单。 demo jsfiddle

更新

现在可以了。但我只想要子菜单可拖动。目前我也得到主菜单项。 见updated fiddle demo

1 个答案:

答案 0 :(得分:1)

更新:简单的解决方案是将类添加到您想要可拖动其子项的容器中。在cancel的{​​{1}}选项中,提供您不想要拖拽的选择器。

我们假设您为所有可拖动的人添加了一个班级draggable,并且您不希望类drag的元素无法拖动,那么您可以将您的拖动修改为:

nodrag

尽管如此,您必须稍微修改一下代码以进行更改,但它可以满足您的需求。如果可以 $(".ui-menu-item .ui-menu-item ").draggable({ helper: 'clone', //For cloning the drag cancel:'.nodrag', // For preventing unwanted elements to be draggable });

,还可以尝试使用更具体的选择器

演示:http://jsfiddle.net/lotusgodkk/9uhc3/86/