-1

私のプロジェクトはasp.netで、リストを含むマスターページがあります

<ul id="navigation">
         <li id="li1" runat="server" class="selected"><a href="Events.aspx">Events</a></li>
         <li id="li2" runat="server"><a href="AddEvent.aspx">Add Event</a></li>
         <li id="li3" runat="server"><a href="MyProfile.aspx">Profile</a></li>
         <li id="li4" runat="server"><a href="Friends.aspx">Friends</a></li>
         <li id="li5" runat="server"><a href="FindFriends.aspx">Find Friends</a></li>
         <li id="li6" runat="server"><a href="Schedual.aspx">Schedual</a></li>
         <li>
             <asp:LinkButton ID="LogOutButton" runat="server" OnClick="LogOutButton_Click">Log Out</asp:LinkButton>
         </li>
</ul>

選択したクラス (css クラス) には画像があり、この画像はユーザーがどのページにいるかを示します。ナビゲートするときに javascript または C# を使用してこのクラスを変更するにはどうすればよいですか?

JavaScript の経験があまりない

4

5 に答える 5

2 
document.getElementById("li6").className = "whatever";

動作するはずです/

于 2012-08-22T18:34:18.893 に答える
1 
$("#li1").addClass("selected");

動作します。

例

于 2012-08-22T18:43:10.897 に答える
0

これは、JavaScript/jQuery では非常に単純です。

ただし、これがナビゲーション用である場合、つまり新しいページを表示するときに更新する必要がある場合は、サーバーからのマークアップでこれを行います。

このページにどのようにサービスを提供しているかについて、あなたはあまり言いませんでした。ただし、ASP.NET WebForms と MVC の両方を使用すると、さまざまな方法で提供される HTML を制御できます。

于 2012-08-22T18:36:02.823 に答える
0

たとえば、次のようにすべての li タグ クラスを設定できます。

<li class="li">
 ... content of the tag
</li>

そしてあなたのjavascriptでは、クラス "li"を持つすべての要素に他のクラスを追加することができます:

$(".li").addClass("classYouWantToAdd");

そしてcssファイルで：

.li
{
  ... needed css for the class
}
于 2012-08-22T18:37:58.773 に答える
0

これは、クラス名で要素を取得する方法を説明する別の投稿です

クラス名による div の選択

于 2012-08-22T18:41:32.270 に答える