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"); 
    } 
});