多级下拉上下文菜单

发布于 2024-11-05 04:56:51 字数 247 浏览 0 评论 0原文

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

预先感谢 - 坦纳。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

走走停停 2024-11-12 04:56:51

.submenu 元素上有 display:none，但您不执行任何操作来显示它们。

如果您希望它们始终处于打开状态，

#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 元素尚不存在..所以绑定不会发生..

You have display:none on the .submenu elements and you do nothing to show them.

If you want them to be always on add the following rule

#ContextMenu .submenu {
    display:block;
}

if you want to do it on hover of their parent do

for modern browsers

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

I see the you have this code

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

the should work (if you uncomment the first line) and move that code in the doMain function. Because where you currently have it the #ContextMenu element does not exist yet.. so the binding does not happen..

回复收藏 0 原文

~没有更多了~