jQuery/JS/etc菜单生成器

Question

我想构建一个应用程序。我想让用户创建自己的菜单（也有子菜单）。我想用JavaScript做到这一点是“现场”（如：点击添加按钮，然后拖放到订单等）。

你觉得有没有jQuery/JavaScript/etc菜单生成器已经下载？

我试图搜索菜单生成器的JavaScript/jQuery的，但我只发现在线菜单建设者（不下载）。

任何类型的代码被接受（与JS） - jquery，js，mootools等

非常感谢！如果问题没有在正确的地方问我会删除。

编辑：我不需要自定义样式，如“选择菜单设计”。它只需要生成HTML<ul>和<li>

Answer 1

尝试与jQuery一起使用jQuery UI（必须在jQuery之后放置jQuery UI脚本，并且必须包含CSS主题，例如UI明度）。从<ul>开始，给它一个ID（例如#menu）。将其中的所有基本<li> s用默认值和拖放<ul> s放在不同的元素中，例如#items。然后在脚本文件中输入：

$(function() { 
    $("#menu").menu(); 
}); 

这会将ul变成菜单。现在你想让项目拖放。在相同的功能，添加此下方$("menu").menu();：

$("#sortable").sortable(); 
$("#sortable").disableSelection(); 

这将让你的菜单项进行排序。为了让您将它们从一个地方移动到另一个地方，请将其添加到您的功能下面...disableSelection();：

$("li").draggable(); 
$("#menu li").droppable({ 
    drop: function(event, ui) { 
     $(this) 
      .appendTo("#items"); 
    } 
}); 
$("#items li").droppable({ 
    drop: function(event, ui) { 
     $(this) 
      .appendTo("#menu"); 
    } 
});