javascript - 在上下文菜单中绑定树视图

Question

我试图在上下文菜单中绑定树视图（使用 jquery）。

这是我的上下文菜单脚本：

$(function() {
    $.contextMenu({
        selector: '.context-menu-one', 
        callback: function(key, options) {
            var m = "clicked: " + key;
            window.console && console.log(m) || alert(m); 
        },
        items: {
            "edit": {
                name: "Closing on Click", 
                callback: function(){ return true; }
            },
            "cut": {
                name: "Open after Click", 
                callback: function(){ return false; }
            }
        }
    });
});

因为树视图是面向 ul li 的，如何在上下文菜单选项中包含它？

Answer 1

从代码我猜你使用这个插件

因此，根据您的 html（已更正）和您拥有的插件文档

<div id="myMenu">
    <ul> 
        <li><span>Submenu1</span>
            <ul> 
                <li><span>submenu 1.1</span></li> 
            </ul>
        </li> 
    </ul>
</div>  

和

$(function() { 
    $.contextMenu({
        selector: '#myMenu ul li',         
        items: {
            "edit": {
                name: "Closing on Click", 
                callback: function(){ return true; }
            },
            "cut": {
                name: "Open after Click", 
                callback: function(){ return false; }
            }
        }
    });
});

jsfiddle