Używam paska nawigacyjnego z bootstrapu, jednak za każdym razem, gdy klikam na jeden z tytułów stron, pasek nawigacji nie podświetla go, aby pokazać, że jestem na tej stronie. Na przykład, jeżeli jestem na stronie głównej to navbar wygląda następująco:
Pasek aktywny Bootstrap Aktywny
Jednakże, jeśli kliknę About, idę do O stronie ale navbar nadal wygląda następująco:
Jak wyróżnić stronę, na której się znajduje? Dzięki
Przeczytaj documentation. Musisz zastosować class="active" do elementu li, który chcesz aktywować. Nie jest obsługiwane automatycznie. Musisz go zaimplementować, jak uważasz za stosowne.
Może to być rozwiązanie JQuery lub rozwiązanie po stronie serwera. Każda z nich może być mniej lub bardziej odpowiednia w zależności od sposobu, w jaki twoja witryna jest zbudowana.
Używam MVC4, brzytwa i bootstrap i skończyło się stosując roztwór z coderwall.com (https://coderwall.com/p/hwtkng)
<li @if (@ViewContext.RouteData.GetRequiredString("controller") == "Home") { @Html.AttributeEncode("class=active");}>
@Html.ActionLink("Home", "Index", "Home")
</li>
Dobra wskazówka. Mogę dodać, że jeśli ty, tak jak ja, musisz sprawdzić akcję zamiast kontrolera, zrobi to poniższy fragment: '
następnie Zgaduję, muszę zrobić trochę pracy jquery wtedy? – Richard
proszę spojrzeć na zaktualizowaną odpowiedź – Dmitry
z dobrego punktu widzenia na projekt i kodowanie, co jest lepsze? Robisz jquery lub php rozwiązanie? Dzięki za pomoc – Richard