我從引導欄使用導航欄,但是無論何時點擊其中一個頁面標題,導航欄都不會突出顯示它以顯示我在該頁面上。例如,如果我的主頁上,然後導航欄看起來是這樣的:
Bootstrap導航欄有效
但是,如果我點擊About
,我去關於頁,但導航欄仍然是這樣的:
如何讓它突出顯示它所在的頁面?謝謝
我從引導欄使用導航欄,但是無論何時點擊其中一個頁面標題,導航欄都不會突出顯示它以顯示我在該頁面上。例如,如果我的主頁上,然後導航欄看起來是這樣的:
Bootstrap導航欄有效
但是,如果我點擊About
,我去關於頁,但導航欄仍然是這樣的:
如何讓它突出顯示它所在的頁面?謝謝
閱讀documentation。您需要將class="active"
應用於要激活的li
元素。它不會自動處理。無論你認爲合適,你需要實施它。
它可能是JQuery解決方案或服務器端解決方案。根據您網站的構建方式,任何一個都可能更合適。
我使用MVC4,剃刀和引導,最終利用coderwall.com(https://coderwall.com/p/hwtkng)
<li @if (@ViewContext.RouteData.GetRequiredString("controller") == "Home") { @Html.AttributeEncode("class=active");}>
@Html.ActionLink("Home", "Index", "Home")
</li>
好的提示。我可能會補充說,如果你像我一樣,需要檢查操作而不是控制器,下面的代碼片段會執行:'
然後我猜我需要做一些jQuery的工作,然後一個解決方案? – Richard
請從一個好的設計和編碼的角度看更新的答案 – Dmitry
,哪個更好?做一個jQuery或PHP解決方案?感謝您的幫助 – Richard