我想在Bootstrap的导航栏中使用一个包含php文件但是我试图在导航栏中删除类'active'并在单击导航按钮时添加新类'active' .
的jquery.js
$(document).ready(function () {
$(".nav li").click(function() {
e.stopImmediatePropagation();
$(".nav li").removeClass('active');
$(this).addClass('active');
});
}
navbar.php(它包含在主页面中)
<nav role="navigation" class="navbar navbar-inverse">
<div class="container" id="navfluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigationbar">
<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="#">Gestor de Férias</a>
</div>
<div class="collapse navbar-collapse" id="navigationbar">
<ul class="nav navbar-nav ">
<li class="active"><a href="/gestor/">Inicio</a></li>
<li><a href="form.html">Informações</a></li>
<li><a href="propostas.php">Propostas</a></li>
<li><a href="carousel.html">Contacte-nos</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<!-- <li>
<form class="navbar-form" role="search">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search" name="srch-term" id="srch-term">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><span class="glyphicon glyphicon-search"></button>
</div>
</div>
</form>
</li> -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="glyphicon glyphicon-user" aria-hidden="true"></span> Perfil <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Editar informações</a></li>
<li><a href="#">Mudar de grupo</a></li>
<li><a href="#">Alterar Password</a></li>
<li role="separator" class="divider"></li>
<li><a href="#">Sair</a></li>
</ul>
</li>
</ul>
</div>
</div>
1 回答
你在找这样的东西吗?请看jsfiddle . 由于某种原因,它不会在代码编辑器堆栈溢出有效 .
https://jsfiddle.net/r2muLxa0/2/