多级下拉上下文菜单

时间:2011-05-04 13:41:25

标签: javascript jquery contextmenu infinite multi-level

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

提前致谢 - 坦纳。

1 个答案:

答案 0 :(得分: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元素还不存在..所以绑定不会发生..