Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ruby-on-rails/67.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 JS脚本阻止引导导航切换,为什么?_Javascript_Html_Twitter Bootstrap_Navbar - Fatal编程技术网

Javascript JS脚本阻止引导导航切换,为什么?

Javascript JS脚本阻止引导导航切换,为什么?,javascript,html,twitter-bootstrap,navbar,Javascript,Html,Twitter Bootstrap,Navbar,我有一个网站,每个页面都使用引导切换/折叠导航栏。除了一个页面外,所有页面都可以正常工作。出于某种原因,在其中一个页面上,导航栏会折叠一次,以达到适当的屏幕大小,但不会下降。然而,我注意到,如果我注释掉一个JS文件,我已经在html的底部找到了它的源代码,就像这样,那么这个下拉列表就起作用了。奇怪的是,同一个站点上的其他两个页面都使用了相同的JS脚本,而下拉列表仍然有效……也许我只是瞎了眼。导航代码如下所示: <nav class="navbar navbar-inverse navbar

我有一个网站,每个页面都使用引导切换/折叠导航栏。除了一个页面外,所有页面都可以正常工作。出于某种原因,在其中一个页面上,导航栏会折叠一次,以达到适当的屏幕大小,但不会下降。然而,我注意到,如果我注释掉一个JS文件,我已经在html的底部找到了它的源代码,就像这样
,那么这个下拉列表就起作用了。奇怪的是,同一个站点上的其他两个页面都使用了相同的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");
});