0

我要做的是在用户单击指示他们在该选项卡中的导航选项卡时留下效果。

我对 JQuery 还是很陌生，所以这可能是错误的。

Javascript/JQuery

<script type="text/javascript">
    $(document).ready(function(){
        $("#menu").find("a").click(function(){
            $(this).addClass("highlight");
        })
    });
</script>

CSS

.highlight
{
    text-decoration:none !important; 
    background-color: white;
    color: #999999;
    border-bottom: thick outset White;   
}

div.menu ul
{
    list-style: none;
    margin-left: 35px;
    padding: 0px;
    width: auto;
    text-decoration:none !important; 
}

div.menu ul li a
{
    color: #999999;
    display: inline;
    line-height: 13.6px;
    padding: 4px 20px;
    white-space: nowrap;
    text-decoration:none !important; 
}

菜单代码：

            <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu " EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
                <Items>
                    <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
                    <asp:MenuItem NavigateUrl="~/The_Team.aspx" Text="The Team"/>
                    <asp:MenuItem NavigateUrl="~/Advisory_Board.aspx" Text="Advisory Board"/>
                    <asp:MenuItem NavigateUrl="~/Contact.aspx" Text="Contact"  />
                </Items>
            </asp:Menu>

有人能指出我哪里出错了吗？

4

1 回答 1

1

这里 ...

 $("#menu")

你需要使用

  $(".menu")

对于 CSS 类。

于 2012-07-31T19:45:01.567 回答