jQuery contextmenu 是一個功能強大的上下文菜單插件，它可以方便地創建多級菜單。下面我們將介紹如何使用 jQuery contextmenu 創建多級菜單。

// 引入 jQuery 和 jQuery contextmenu 插件
<script src="jquery.js"></script>
<script src="jquery.contextmenu.js"></script>
// 創建一個多級菜單
$.contextMenu({
selector: '.menu',
trigger: 'left',
autoHide: true,
delay: 0,
callback: function(key, options) {
alert(key);
},
items: {
'level1': {
'name': 'Level 1',
'icon': 'edit',
'items': {
'level2a': {
'name': 'Level 2a',
'icon': 'cut',
'items': {
'level3a': {
'name': 'Level 3a',
'icon': 'paste'
},
'level3b': {
'name': 'Level 3b',
'icon': 'paste'
}
}
},
'level2b': {
'name': 'Level 2b',
'icon': 'delete'
}
}
}
}
});

上面的代碼創建了一個 selector 為 .menu 的 DOM 元素作為觸發器，當左鍵點擊時彈出菜單，autoHide 表示單擊菜單外面時自動隱藏菜單，delay 表示菜單的延遲時間，callback 表示當菜單項被單擊時的回調函數，items 表示菜單項。

可以看到，菜單項是一個多級嵌套的對象，'name' 表示菜單項的名稱，'icon' 表示菜單項的圖標，'items' 表示子菜單。這樣就可以方便地創建多級菜單了。

總的來說，jQuery contextmenu 插件非常方便地創建多級菜單，并且還提供了許多選項來自定義菜單的行為和樣式。如果你需要創建上下文菜單，這個插件是一個非常好的選擇。