Benutzer-Werkzeuge

Webseiten-Werkzeuge


programmieren:bootstrap:snippets:menu

Bootstrap3 Menü

Kurze Info wie man in Bootstrap3 ein Menü erstellt und immer den letzten aktiven Menüpunkt entsprechend anzeigt.

menue.php
<div class="nav-collapse">
  <ul class="nav">
    <li class="active"><a href="index.php">Home</a></li>
    <li><a href="#">Project</a></li>
    <li><a href="#">Customer</a></li>
    <li><a href="#">Staff</a></li>
    <li><a href="#">Broker</a></li>
    <li><a href="#">Sale</a></li>
  </ul>
</div>
 
<script language="javascript" type="text/javascript" src="menu.js"></script>
menu.js
// aktiven Link anzeigen in Bootstrap Menü
// füge diesen Code am Ende jeder Seite ein
$('a[href="' + this.location.pathname + '"]').parents('li,ul').addClass('active');

Quelle: https://stackoverflow.com/questions/15082316/how-to-set-active-class-to-nav-menu-from-twitter-bootstrap

Diese Website verwendet nur für den Betrieb notwendige Cookies. Durch die Nutzung der Website stimmen Sie dem Speichern von Cookies auf Ihrem Computer sowie den Datenschutzbestimmungen zu. Wenn Sie nicht einverstanden sind, verlassen Sie die Website. Weitere Information
programmieren:bootstrap:snippets (145 views) · Zuletzt geändert: 29/01/2022 11:21 von conny

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki