jquery导航栏：不显示子菜单的列表项链接_Jquery_Hyperlink_Navigationbar

jquery导航栏：不显示子菜单的列表项链接

jquery hyperlink

jquery导航栏：不显示子菜单的列表项链接,jquery,hyperlink,navigationbar,Jquery,Hyperlink,Navigationbar,当我在导航栏中将li项目更改为“仅主页”中的链接（使用hef）时，将显示“关于”和“联系人”（这些是没有子菜单的链接）。注册公司和购买公司未显示（这些是与子菜单的链接）。我的代码在。有什么问题吗仅供参考，如果li项目不是链接，则导航栏显示良好多谢各位 html代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi

当我在导航栏中将li项目更改为“仅主页”中的链接（使用hef）时，将显示“关于”和“联系人”（这些是没有子菜单的链接）。注册公司和购买公司未显示（这些是与子菜单的链接）。我的代码在。有什么问题吗

仅供参考，如果li项目不是链接，则导航栏显示良好

多谢各位

html代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 

Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Gama Corporate Services</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
    $("#submenu1,#submenu2").children().hide();
    $("#subsubmenu1").children("ul").hide();

    $("#submenu1,#submenu2").hover( 
        function(){//onmouseover 
            $(this).children("ul").slideDown(); 
        }, 
        function(){//onmouseout 
            $(this).children("ul").slideUp(); 
    });

    $("#subsubmenu1").hover(
        function(){//onmouseover

            $(this).children("ul").animate({marginLeft:"130px"}).css({
                                "position":"absolute",
                                "z-index":"-1",
                                "width":"120px",
                                "display":"block"});
            $(this).children("ul").show();
        },
        function(){//onmouseout
            $(this).children("ul").animate({marginLeft:"0"}).css({"position":"absolute","z-index":"-1"});
            $(this).children("ul").hide();
        }); 
});
</script>
</head>

<body>
<div class="contentwrapper">
<div id="header">
<div id="logo">
    <img src="images/logo.png" />
</div>
<!--<div id="company_name">
    Gama Corporate Services Sdn Bhd
</div>-->
<div id="navbar">
    <ul id="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li id="submenu1"><a href="a.html">Register Company</a>
            <ul>
                <li id="subsubmenu1"><a href="b.html">New Sendirian Berhad Registration</a>
                    <ul>
                        <li><a href="#">Company Price</a></li>
                        <li><a href="#">Register New Company</a></li>
                        <li><a href="#">Steps to Incorporate</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li id="submenu2"><a href="c.html">Buy Company</a>
            <ul>
                <li><a href="#">Sendirian Berhad Ready Made Companies in Malaysia</a></li>
            </ul>
        </li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>
</div>

<div id="leftcolumn">hello</div>
<div id="contentcolumn">Welcome to Gama Corporate Services.
This website is under construction</div>
<div id="rightcolumn">how ru</div>
<div id="footer">copyright gama corporate services</div>
</div><!--end contentwrapper-->

</body>
</html>

你应该使用

$("#submenu1,#submenu2").children("ul").hide();

而不是

$("#submenu1,#submenu2").children().hide();
$("#subsubmenu1").children("ul").hide();

隐藏子菜单。这将显示带有子菜单的菜单

您的链接

是子菜单“submenu1”的子菜单，因此您的代码

$（“#submenu1，#submenu2”）.children（）.hide（）只需隐藏它。
这就是为什么您无法看到这些链接。
我刚刚更改了$（“#子菜单1，#子菜单2”）.children（）.hide（）；到$（“#子菜单1，#子菜单2”）.children（“ul”）.hide（）；正如你所建议的，它现在起作用了。谢谢！您知道如何增加导航栏的宽度以匹配标题的宽度吗？我已经为#navbar设置了宽度：900px，但它不起作用到#菜单{}这可能会解决您的问题。好的，它现在可以工作了。我刚刚将#menu li的宽度增加到180px，现在它是标题的确切宽度。谢谢。：）
$("#submenu1,#submenu2").children().hide();
$("#subsubmenu1").children("ul").hide();