Suche
Close this search box.
Open-Source-Projekte und ihre Anwendungen
Marc Eggert

Active-Klasse in Bootstrap-Nav via JavaScript

Quick-Tipp: Oft benötigt und oft – je nach Projektanforderung – via PHP aufwĂ€ndig zusammenprogrammiert: Es geht um die „active“-Klasse fĂŒr Bootstrap (oder andere) Navigations-Bars (.navbar). Dies lĂ€sst sich relativ einfach und mit 4 Zeilen Code in JavaScript auf Basis von JQuery erledigen.Im Web-Projekt nutzt man in der Entwicklungsumgebung am Besten eine eigene Script-Datei fĂŒr die eigenen JavaScripts außerhalb der zusĂ€tzlich geladenen Scripts. FĂŒr die Produktionsumgebung werden sĂ€mtliche Scripts i.d.R. sowieso komprimiert („minified“). Im Grunde sind es sogar nur zwei Zeilen Code, da die Entscheidenden Zeilen im obigen Code in Zeile 2 und 6 stehen: In Zeile 2 wird die Variable „url“ definiert und mit dem Wert der aktuellen URL besetzt. Was selbst angepasst werden muss, allerdings fĂŒr Bootstrap-Navbars so bereits passt: Die Klasse („.navbar“) und die Struktur (li->a).

Weiterlesen »