Question

我想要做的是当用户点击导航标签指示他们在该标签中时留下效果。

我仍然是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>

有人可以指出我哪里出错吗？

Answer 1

这里......

 $("#menu")

你需要使用

  $(".menu")

用于css类。

asp.net html在Navigation下留下了一个活跃的效果

1 个答案: