Question

最近我一直在寻找带有＆＃34; navbar＆＃34;的解决方案。我面临的问题。在移动版本上，导航栏链接不会关闭菜单。现在，我找到了为另一个人管理类似问题的超级棒人。（几乎相同，但我不明白为什么它不适合我。我蹩脚的代码可能我错过了一些东西。所以请你帮忙。链接到类似问题：Hide Twitter Bootstrap nav collapse on click

所以我用菜单链接修复了类似的问题，但没有关闭菜单栏。但现在我可以在桌面版本中看到我的菜单＆＃34; navbar＆＃34;表现得很奇怪。然后按菜单栏中的任何链接我可以看到菜单试图自己关闭它或做类似的事情。它看起来真的很不受欢迎。

我已尝试添加到代码行＆＃34; .in＆＃34;结束目标，但它没有帮助。它仍然试图关闭或关闭移动版本中的菜单栏。

目前在生产网站上我已经给它留下了桌面的标准链接，因为我不想为有这种破碎菜单的客户显示它。 http://scorpion3d.com/ 在产品上没有做出重大改变。

所以基本上尝试在本地修复它，这是菜单块的代码：

<!-- Menu 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="50" width="50"></span>Scorpion3D</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse"  data-toggle="collapse" data-target="#navbar">
            <ul class="nav navbar-nav">
                <li class="active">

                <a href="#top" title="PRADŽIA" type="button" data-toggle="collapse" data-target="#navbar">PRADŽIA</a></li>
                <li><a href="#Paslaugos" title="PRADŽIA" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false">PASLAUGOS</a></li>
                <li><a href="#pricing-section" title="KAINORAŠTIS" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false">KAINORAŠTIS</a></li>
                <li><a href="#team-section" title="APIE MUS" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false">APIE MUS</a></li>
                <li><a href="#footer-main" title="KONTAKTAI" type="button" data-toggle="collapse" data-target=".navbar" aria-expanded="false">KONTAKTAI</a></li>
                <!-- Collapse Menu Buttons -->
                <div class="collapse" id="navbar"></div>                            
            </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 /- -->

使用此代码，我可以在移动版本中实现菜单关闭。但是从桌面的角度来看菜单是破损的，它试图关闭并再次打开表演怪异。所以，如果你们能看到我错误的地方，请告诉我。

单击“乱七八糟”导航栏桌面视图隐藏Twitter Bootstrap导航折叠

0 个答案: