javascript - 多级下拉上下文菜单

Question

我正在为 jQuery 制作一个上下文（右键单击）菜单插件，它适用于第一级。但我需要它有无限的层次。我已经有递归了，但我认为这是显示/隐藏的问题。到目前为止，这是我的代码：http: //jsfiddle.net/H7GqA/4/（抱歉代码混乱，我自己的插件）。二级项目永远不会出现，我不确定我做错了什么。

在此先感谢 - 坦纳。

Answer 1

你有display:none元素.submenu，你什么都不做来展示它们。

如果您希望它们始终打开，请添加以下规则

#ContextMenu .submenu {
    display:block;
}

如果你想在他们父母的悬停上做

对于现代浏览器

#ContextMenu .item:hover > .submenu {
    display:block;
}

---

我看到你有这个代码

    cm.find(".item:has(.submenu)").hover(function(){
        //$(this).find("ul").css('display', 'block');
        //alert('blabla_1');
        $(this).css('background-color', 'red');
    });

应该可以工作（如果您取消注释第一行）并将该代码移动到doMain函数中。因为您当前拥有它的#ContextMenu元素尚不存在..所以绑定不会发生..