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很好,你问得对