HennWeb

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.

===== Bootstrap3 Menü =====

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

<code php 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>

</code>

<code java 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');
</code>

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