Если я добавлю код JS, который при клике добавляют класс active
, тогда у меня ссылки не работают. А если без JavaScript у меня все работает.
Вот пример кода:
<html>
<head>
<meta charset="utf-8 ">
<title></title>
<script src="https://code.jquery.com/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="style5.css">
<link rel="stylesheet" type="text/css" href="bootstrap.css">
<link rel="stylesheet" type="text/css" href="bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bootstrap-theme.min.css">
<script>
$(document).ready(function(){
$("li").click(function(e) {
e.preventDefault();
$("li").removeClass('active');
$(this).addClass('active');
});
});
</script>
</head>
<body>
<nav id="navbar" class="navbar navbar-inverse" role="navigation">
<div class="container-fluid">
<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>
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="index2.php">Main</a></li>
<li><a href="index2.php">Main</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index5.php">a</a></li>
<li><a href="bank.php">b</a></li>
</ul>
</li>
</ul>
</div>
</div>
</body>
</html>