gpt4 book ai didi

jquery 停止标签更改 url

转载 作者:行者123 更新时间:2023-12-01 04:12:20 24 4
gpt4 key购买 nike

我使用 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>

最佳答案

您仍然可以设置自己的点击处理程序:

$('.nav-tabs a').on('click',function(){ window.location.hash = $(this).attr('href'); });

关于jquery 停止标签更改 url,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18832096/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com