Question

当我在移动/最小化窗口下的我的网站“功能”部分下的第二个导航栏中单击链接时，第二个导航栏会正确关闭并引用相应的内容，但随后我站点顶部的第一个导航将展开。我不明白两个导航是如何以这种方式相关的。我正在使用bootstrap。

<nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                <i class="fa fa-bars"></i>
            </button>
            <a class="navbar-brand page-scroll" href="#page-top">
                <i class="fa fa-rocket"></i>  <span class="light">Start</span> Synergizing
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
            <ul class="nav navbar-nav">
                <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                <li class="page-scroll">
                    <a href="#"></a>
                </li>
                <li>
                    <a class="page-scroll" href="#about">About</a>
                </li>
                <li>
                    <a class="page-scroll" href="#features">Features</a>
                </li>
                <li>
                    <a class="page-scroll" href="#download">Download</a>
                </li>
                <li>
                    <a class="page-scroll" href="#team">Team</a>
                </li>                    
        <li>
                    <a class="page-scroll" href="#contact">Contact</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
</nav>

第二个导航在网站的下方有相同的代码，但是data-target =“。main-nav” 及其对应的div with class =“navbar-collapse collapse main-nav”。抱歉无法弄清楚如何发布第二个代码。我对jquery或bootstrap.js了解不多。我的网站synergy.atspace.cc 任何想法都赞赏。

Answer 1

好的，我找到了你的问题。

在文件http://synergy.atspace.cc/js/grayscale.js中你有这个代码，基本上说如果你单击选项卡，那么它应该打开任何带有下拉切换类的东西，因此事实上它打开了顶级导航希望有所帮助

howMany

第二个bootstrap导航栏链接打开第一个（错误的）导航栏; jQuery的

1 个答案: