第二个 bootstrap 导航栏链接首先打开(错误)导航栏; jquery
Second bootstrap navbar links open first (wrong) navbar; jquery
当我在 mobile/minimized window "features" 部分下的第二个导航栏中单击链接时,第二个导航栏正确关闭并引用适当的内容,但随后是第一个我网站顶部的一个未折叠。我不明白这两个导航如何以这种方式相关。我正在使用 bootstrap.
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-rocket"></i> <span class="light">Start</span> Synergizing
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="page-scroll">
<a href="#"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#features">Features</a>
</li>
<li>
<a class="page-scroll" href="#download">Download</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
第二个导航在网站下方有相同的代码,但 data-target=".main-nav"
及其对应的 div 和 class="navbar-collapse collapse main-nav."
抱歉不知道如何 post 这第二个代码。我不太了解 jquery 或 bootstrap.js。
我的网站 synergy.atspace.cc
任何想法表示赞赏。
好的,我为您找到了问题。
在文件中http://synergy.atspace.cc/js/grayscale.js
你有这段代码,它基本上说如果你点击选项卡,那么它应该打开任何带有下拉切换 class 的东西,因此它打开了顶部导航
希望有帮助
// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a').click(function() {
if ($(this).attr('class') != 'dropdown-toggle active' && $(this).attr('class') != 'dropdown-toggle') {
$('.navbar-toggle:visible').click();
}
});
当我在 mobile/minimized window "features" 部分下的第二个导航栏中单击链接时,第二个导航栏正确关闭并引用适当的内容,但随后是第一个我网站顶部的一个未折叠。我不明白这两个导航如何以这种方式相关。我正在使用 bootstrap.
<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
<i class="fa fa-bars"></i>
</button>
<a class="navbar-brand page-scroll" href="#page-top">
<i class="fa fa-rocket"></i> <span class="light">Start</span> Synergizing
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse navbar-right navbar-main-collapse">
<ul class="nav navbar-nav">
<!-- Hidden li included to remove active class from about link when scrolled up past about section -->
<li class="page-scroll">
<a href="#"></a>
</li>
<li>
<a class="page-scroll" href="#about">About</a>
</li>
<li>
<a class="page-scroll" href="#features">Features</a>
</li>
<li>
<a class="page-scroll" href="#download">Download</a>
</li>
<li>
<a class="page-scroll" href="#team">Team</a>
</li>
<li>
<a class="page-scroll" href="#contact">Contact</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
第二个导航在网站下方有相同的代码,但 data-target=".main-nav" 及其对应的 div 和 class="navbar-collapse collapse main-nav." 抱歉不知道如何 post 这第二个代码。我不太了解 jquery 或 bootstrap.js。 我的网站 synergy.atspace.cc 任何想法表示赞赏。
好的,我为您找到了问题。
在文件中http://synergy.atspace.cc/js/grayscale.js 你有这段代码,它基本上说如果你点击选项卡,那么它应该打开任何带有下拉切换 class 的东西,因此它打开了顶部导航 希望有帮助
// Closes the Responsive Menu on Menu Item Click
$('.navbar-collapse ul li a').click(function() {
if ($(this).attr('class') != 'dropdown-toggle active' && $(this).attr('class') != 'dropdown-toggle') {
$('.navbar-toggle:visible').click();
}
});