slipknoter6
Mitglied
Hallo
Ich habe ein kleines problem.
Undzwar habe ich ein menu gemacht mit hile Bootstrap und wollte es nun bischen dynamisch machen. Und habe halt das problem das er die Class="active" nicht bei den li hinzufügt.
Hier mal meine Funktion im Header
bei einen anderen script im header
Und nun mal das Menu
Kann mir einer sagen was ich falsch mache und wie es denn richtig geht
Ich habe ein kleines problem.
Undzwar habe ich ein menu gemacht mit hile Bootstrap und wollte es nun bischen dynamisch machen. Und habe halt das problem das er die Class="active" nicht bei den li hinzufügt.
Hier mal meine Funktion im Header
PHP:
<script type="text/javascript">
<?php
echo "var site='".$_GET["page"]."';
var option='".$_GET["opt"]."';";
?>
</script>
PHP:
$(document).ready(function() {
$(".collapse .nav li."+site).addClass("active");
$(".collapse .nav li."+site+"-"+option).addClass("active");
});
Und nun mal das Menu
PHP:
<nav class="navbar navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Grunz-hosting</a>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse1">
<ul class="nav navbar-nav">
<li class="index"><a href="#">Home</a></li>
<li class="news"><a href="#">Neuigkeiten</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Hilfe <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Forum</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">FAQ</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Informationen <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Über Grunz-Hosting</a></li>
<li><a href="#">Technik</a></li>
<li class="divider"></li>
<li><a href="#">Impressum</a></li>
<li><a href="#">AGB</a></li>
<li><a href="#">Kontakt</a></li>
<li class="divider"></li>
<li><a href="#">Testserver</a></li>
</ul>
</li>
<li class="divider-vertical"></li>
<button type="button" class="btn btn-default navbar-btn">Log in</button>
</ul>
</div>
</div>
</nav>
Kann mir einer sagen was ich falsch mache und wie es denn richtig geht