javascript - jQuery/JS/etc 菜单生成器

Question

我正在尝试构建一个应用程序。我想允许用户创建自己的菜单(也带有子菜单)。我想用 JavaScript 使其成为“实时”(例如:单击添加按钮，然后拖放以进行排序等)。

您认为是否有任何 jQuery/JavaScript/etc 菜单生成器可供下载？

我尝试搜索菜单生成器 javascript/jquery 但我只找到了在线菜单生成器(无法下载)。

接受任何类型的代码(与js相关)- jquery , js , mootools等等

非常感谢!!! 如果问题没有在正确的地方提出，我将删除。

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

Answer 1

尝试将 jQuery UI 与 jQuery 一起使用(您必须将 jQuery UI 脚本放在 jQuery 之后，并且必须包含 CSS 主题，例如 UI 亮度)。从<ul>开始并为其指定一个 ID(例如 #menu )。把所有底座<li > 在其中使用默认值和拖放 <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" );
    }
});