Question

刚刚通过手机查看我的网站，发现页面导航菜单没有关闭，然后按任意链接。而且我无法理解为什么并且存在问题。无法找到问题的原因......我正在查看下面的脚本代码，但是......

网站：www.scorpion3d.com

这是我拥有的整个菜单块：

<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

下拉菜单在我身边的调整大小的显示器上正确打开和关闭。尝试清除缓存。可能是您或者您可能已将引导程序和jquery文件链接错误。

首先包含你的jquery文件，然后在页脚中引导它们。确保标题中没有任何内容，或者存在重复项。

Answer 2

jquery.min.js（404）的路径错误。确保脚本jquery.min.js位于assets / js文件夹中。

Answer 3

正确答案是在html或js中包含一些额外的代码，在这种情况下，我选择包含HTML而不是：

<li class="active"><a href="#top" title="PRADŽIA">PRADŽIA</a></li>

更改为所有链接，例如：

<a href="#top" title="PRADŽIA" type="button" data-toggle="collapse" data-target="#navbar">PRADŽIA</a></li>

现在移动版菜单立即关闭，然后按下菜单中的任何链接。不要忘记在菜单结束后添加单个div：

<div class="collapse" id="navbar"></div>

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

3 个答案: