个人中心
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
文章推荐： jquery - 选择第一个分页上的状态
文章推荐： wpf - 来自外部 XML 文件的设计时数据
文章推荐： mahout - 如何解决产品推荐问题，如 : User __bought__ XXX also __viewed__ YYY
文章推荐： jQuery 获取可见表格单元格的值