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 に答える