javascript - HTML 折叠菜单不会关闭然后单击链接

Question

刚刚通过电话检查了我的网站，发现页面导航菜单没有关闭然后点击任何链接。我不明白为什么，这就是问题所在。找不到问题的原因...我正在查看下面的脚本代码以了解但是...

网站:www.scorpion3d.com

这是我拥有的整个菜单 block :

<div class="menu-block">
    <!-- Container -->
    <div class="container">
        <!-- Ownavigation -->
        <nav class="navbar ownavigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <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"><span><img src="assets/images/logo.png" alt="logo" height="64" width="64"></span>Scorpion3D</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#top" title="PRADŽIA">PRADŽIA</a></li>
                    <li><a href="#services-section" title="PASLAUGOS">PASLAUGOS</a></li>
                    <!-- <li><a href="#features-section" title="Features">Features</a></li> -->
                    <!-- <li><a href="#gallery-section" title="DARBAI">DARBAI</a></li> -->

                    <li class="dropdown">
                        <a href="blog.html" title="Blog" class="dropdown-toggle" role="button" aria-haspopup="true" aria-expanded="false">Blog</a>
                    </li>
                    <li><a href="#pricing-section" title="KAINORAŠTIS">KAINORAŠTIS</a></li>
                    <li><a href="#team-section" title="APIE MUS">APIE MUS</a></li>
                    <li><a href="#footer-main" title="KONTAKTAI">KONTAKTAI</a></li>
                </ul>
            </div>
            <div id="loginpanel" class="desktop-hide">
                <div class="right" id="toggle">
                    <a id="slideit" href="#slidepanel"><i class="fo-icons fa fa-inbox"></i></a>
                    <a id="closeit" href="#slidepanel"><i class="fo-icons fa fa-close"></i></a>
                </div>
            </div>
        </nav><!-- Ownavigation /- -->
    </div><!-- Container /- -->
</div><!-- Menu Block /- -->

Answer 1

下拉菜单在我这边调整大小的显示器上正确打开和关闭。尝试清除缓存。可能是因为您错误地链接了 bootstrap 和 jquery 文件。

首先包含您的 jquery 文件，然后在页脚中引导这两个文件。确保 header 中没有任何内容，或者存在重复项。