多维下拉菜单问题

发布于 2024-11-27 17:51:54 字数 644 浏览 1 评论 0原文

我刚刚开始制作一个下拉菜单: http://johanberntsson.se/dev/fysiosteo

它将有一个3 级深度。我的问题是我想将第三层显示在第二层的右侧,而不是在它的下面。但我不知道如何为此输入 jquery 选择器。任何帮助表示赞赏。谢谢

jquery:

$(function() {

        $('#menu-main-menu li').hover(function () {
                $(this).children('ul').show();
                console.log($(this).children('ul').children());
            }, 
            function () {
                $(this).children('ul').hide();          
            }
        );



    });

当我将其粘贴到此处时,Html 看起来有点混乱,因为 wordpress 生成的 id:s 有点长,所以请用 firebug 检查它。

I just started making a dropdown menu: http://johanberntsson.se/dev/fysiosteo

It will have a 3 level depth. My problem is that i want to show the third level to the right side of the 2:nd level, insted of beneath it. But i dont know how to type the jquery selector for that. Any help is appreciated. Thanks

jquery:

$(function() {

        $('#menu-main-menu li').hover(function () {
                $(this).children('ul').show();
                console.log($(this).children('ul').children());
            }, 
            function () {
                $(this).children('ul').hide();          
            }
        );



    });

Html looks kinda messy when i paste it here due to generated id:s by wordpress that are kinda long, so please inspect it with firebug instead.

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

扫码二维码加入Web技术交流群

发布评论

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

评论(1

杀手六號 2024-12-04 17:51:54

我认为那些第三级元素需要float:left。您不需要使用 jQuery 选择它们来执行此操作。但如果你出于某种原因需要:

$(this).children('ul ul').css('float','left');

应该可以。当然,这都是非常主观的,我没有看过你的布局。

I think those third level elements need to float:left. You should'nt need to select them with jQuery in order to do that. But if you need to for some reason:

$(this).children('ul ul').css('float','left');

should work. Of course this is all very subjective, I haven't looked at your layout.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文