多维下拉菜单问题

时间:2011-08-02 23:04:25

标签: jquery css menu

我刚开始制作一个下拉菜单: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看起来有点凌乱,因为生成的id:s by wordpress有点长,所以请用firebug检查它。

1 个答案:

答案 0 :(得分:0)

我认为那些第三级元素需要float:left。你不应该用jQuery选择它们来做到这一点。但如果你出于某种原因需要:

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

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