asp.net mvc 和 css：讓菜單選項卡在選擇時保持突出顯示

有一個更好的方法嗎？

我有一個 HTML 幫助程序擴展方法，它檢查目前選項卡菜單是否是選定的，然後選擇 .selected css 類。我將 html.IsSelected 連結放在每個 li 中

<li class="<%=Html.IsSelected(string a, string b)%>" >

其中 a 是選項卡名稱，b 是分配的 ViewData。

這是乾淨還是有更好的方法？

我在我的一個項目中使用的這種方法效果很好。我在每個控制器中分配了 ViewData

$$ “Home” $$= “activeTab” 類，並在視圖中使用空字元串的預設值，如下所示。如果採用該 viewData 字典的值，這將使選項卡處於活動狀態。很簡單也很乾淨。 您的家庭控制器將如下所示：

       ViewData["Home"] = "activeTab";

       return View("Index");
   }

視圖將如下所示：

<li class="<%= ((string)ViewData["Home"] ?? "") %>"><%= Html.ActionLink("Home", "Index", "Home")%></li>
<li class="<%= ((string)ViewData["About"] ?? "") %>"><%= Html.ActionLink("About", "About", "Home")%></li>

你也可以看看之前的建議：

在 ASP.NET MVC 中使用控制器和使用者控制項設置活動選項卡的簡單方法？

引用自：https://stackoverflow.com/questions/475278