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

【问题标题】：Drag and drop submenu item to new container将子菜单项拖放到新容器中
【发布时间】：2014-06-25 06:06:43
【问题描述】：

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

更新

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

【问题讨论】：

标签： jquery json jquery-ui

【解决方案1】：

更新： 简单的解决方案是将一个类添加到您希望其子项可拖动的容器中。并在draggable 的cancel 选项中，提供您不想被拖动的选择器。

假设您向所有可拖动对象添加了一个 drag 类，并且您不希望具有 nodrag 类的元素不可拖动，那么您可以将您的可拖动对象修改为：

 $(".ui-menu-item .ui-menu-item ").draggable({
    helper: 'clone', //For cloning the drag
    cancel:'.nodrag', // For preventing unwanted elements to be draggable
});

虽然，您必须稍微修改代码以进行更改，但它可以满足您的需求。如果可以的话，也可以尝试更具体的选择器$("[class^='ui-menu']").

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

【讨论】：

它几乎可以工作。但是当我拖动它时，它会从菜单中消失。不想消失..还有一件事我希望容器中所有掉落的物品直到结束
使用助手作为可拖动的克隆。检查更新的代码。对于drop功能，可以在droppable的drop中处理
我可以拖，但不能放下。
这就是我在 cmets 中提到的，如果您在可拖动中使用克隆作为助手，则需要为此单独处理放置功能。