我使用twitter bootstrap来显示标签。当调用选项卡时,url应该改为:
example.com/controller
到
example.com/controller#tabid
但在我的代码中,除非我删除jquery,否则它不会发生。为什么jquery会阻止url被更改?
这是我的代码: http://jsbin.com/oraFITI/1/edit
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link type="text/css" rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
<script src="http://getbootstrap.com/dist/js/bootstrap.js"></script>
</head>
<body>
<ul class="nav nav-tabs">
<li class="active">
<a data-toggle="tab" href="#about">About</a>
</li>
<li class="">
<a data-toggle="tab" href="#profile">profile</a>
</li>
<li class="">
<a data-toggle="tab" href="#store">store</a>
</li>
<li class="">
<a data-toggle="tab" href="#favorite">Favorite</a>
</li>
</ul>
<div class="tab-content" id="content">
<div id="about" class="tab-pane active">about content</div>
<div id="profile" class="tab-pane">profile content</div>
<div id="store" class="tab-pane">store content</div>
<div id="favorite" class="tab-pane">favorite content</div>
</div>
</body>
</html>
答案 0 :(得分:2)
您仍然可以设置自己的点击处理程序:
$('.nav-tabs a').on('click',function(){ window.location.hash = $(this).attr('href'); });