Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从导航栏引导导航选项卡_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 从导航栏引导导航选项卡

Javascript 从导航栏引导导航选项卡,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,您好,我正在尝试从我的导航栏链接到引导导航选项卡,这样,如果用户在站点中的任何位置,链接将转到带有选项卡的页面,但是如果他们在页面上,导航栏将触发选项卡打开。我的第一部分工作正常,但第二部分让我头疼。单击导航栏链接时,它未检测到哈希更改 function navHash() { var hash = document.location.hash; if (hash) { history.pushState('', document.title, window.lo

您好,我正在尝试从我的导航栏链接到引导导航选项卡,这样,如果用户在站点中的任何位置,链接将转到带有选项卡的页面,但是如果他们在页面上,导航栏将触发选项卡打开。我的第一部分工作正常,但第二部分让我头疼。单击导航栏链接时,它未检测到哈希更改

function navHash() {
    var hash = document.location.hash;
    if (hash) {
        history.pushState('', document.title, window.location.pathname);
        $('.nav-stacked a[href="'+hash+'"]').tab('show');
    }
}

$(document).ready(function() {
    navHash();
});

$(document).on('click', '.dropdown-menu>li>a', function() {
    navHash();
})
这是导航栏的HTML:

<header>
  <nav class="navbar navbar-simple">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#primaryNav">
          <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=""><img src="img/logo-svg.svg"></a>
      </div>
      <div class="collapse navbar-collapse" id="primaryNav">
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Nav 1 <span class="caret"></span></a>
            <ul class="dropdown-menu">
              <li><a href="technology.html#tab-0">Tab 1</a></li>
              <li><a href="technology.html#tab-1">Tab 2</a></li>
              <li><a href="technology.html#tab-2">Tab 3</a></li>
              <li><a href="technology.html#tab-3">Tab 4</a></li>
              <li><a href="technology.html#tab-4">Tab 6</a></li>
              <li><a href="technology.html#tab-5">Tab 7</a></li>
            </ul>
          </li>
          <li><a href="investor.html">Nav 2</a></li>
          <li><a href="contact.html">Nav 3</a></li>
        </ul>
      </div>
    </div>
  </nav>
</header>

切换导航

看看我现在觉得自己很愚蠢,我在搜索的早些时候看过这个问题,用“haschchange”而不是“hashchange”,然后因为不起作用而放弃了…=D很好,你问我看看我现在觉得自己很愚蠢,我在搜索的早些时候看过这个问题,用“haschange”而不是“hashchange”,然后放弃了它,因为它不起作用…=D很好,你问得对