多级下拉上下文菜单

Question

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

在此先感谢 - 坦纳。

Answer 1

您在.submenu元素上有display:none并且您什么也不做来显示它们。

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

#ContextMenu .submenu {
    display:block;
}

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

对于现代浏览器

#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 function 中。 因为您当前拥有它的#ContextMenu元素尚不存在..所以绑定不会发生..