Javascript JS脚本阻止引导导航切换,为什么?
我有一个网站,每个页面都使用引导切换/折叠导航栏。除了一个页面外,所有页面都可以正常工作。出于某种原因,在其中一个页面上,导航栏会折叠一次,以达到适当的屏幕大小,但不会下降。然而,我注意到,如果我注释掉一个JS文件,我已经在html的底部找到了它的源代码,就像这样Javascript JS脚本阻止引导导航切换,为什么?,javascript,html,twitter-bootstrap,navbar,Javascript,Html,Twitter Bootstrap,Navbar,我有一个网站,每个页面都使用引导切换/折叠导航栏。除了一个页面外,所有页面都可以正常工作。出于某种原因,在其中一个页面上,导航栏会折叠一次,以达到适当的屏幕大小,但不会下降。然而,我注意到,如果我注释掉一个JS文件,我已经在html的底部找到了它的源代码,就像这样,那么这个下拉列表就起作用了。奇怪的是,同一个站点上的其他两个页面都使用了相同的JS脚本,而下拉列表仍然有效……也许我只是瞎了眼。导航代码如下所示: <nav class="navbar navbar-inverse navbar
,那么这个下拉列表就起作用了。奇怪的是,同一个站点上的其他两个页面都使用了相同的JS脚本,而下拉列表仍然有效……也许我只是瞎了眼。导航代码如下所示:
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<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="index.html">Home</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li>
<a href="page.html">Content</a>
</li>
<li>
<a href="page.html">Content</a>
</li>
<li>
<a href="page.html">Content</a>
</li>
<li>
<a href="page.html">Content</a>
</li>
<li>
<a href="page.html">Content</a>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div> <!-- /.container -->
</nav>
我还应该提到,每一页都有一个相同的导航。是否有某种功能导致了这种情况?我试图在其他帖子上搜索这个话题,但没有成功。干杯大多数情况下,这是因为bootstrap js库被加载了不止一次你能做小提琴吗?大多数情况下,这是因为bootstrap js库被加载了不止一次。@Elentriel我想你是对的……我很乐意帮助:)
$(document).ready(function() {
$(".business-header img").on("click", function( e ) {
e.preventDefault();
$("body, html").animate({
scrollTop: $(".section-two").offset().top
}, 1500);
});
});
$(".image-wrapper img").mouseenter(function() {
$(this).css("box-shadow", " 0 0 30px #F0DEBD");
}).mouseleave(function() {
$(this).css("box-shadow", "none");
});