簡體   English   中英

第二個引導程序導航欄鏈接首先打開(錯誤的)導航欄; jQuery的

[英]Second bootstrap navbar links open first (wrong) navbar; jquery

當我在移動/最小化窗口的站點“功能”部分下的第二個導航欄中單擊鏈接時,第二個導航欄會正確關閉並引用適當的內容,但是站點頂部的第一個導航欄不會折疊。 我不了解兩個導航儀之間的這種關系。 我正在使用引導程序。

<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,其類為“ =” navbar-collapse折疊主導航“。 抱歉,無法弄清楚如何發布第二個代碼。 我對jquery或bootstrap.js不太了解。 我網站的synergy.atspace.cc任何想法都值得贊賞。

好的,我為您找到了問題。

在文件http://synergy.atspace.cc/js/grayscale.js中,您具有以下代碼,該代碼基本上表示如果單擊選項卡,則應該使用dropdown-toggle類打開任何內容,因此事實正在打開頂級導航,希望對您有所幫助

 // Closes the Responsive Menu on Menu Item Click
    $('.navbar-collapse ul li a').click(function() {
        if ($(this).attr('class') != 'dropdown-toggle active' && $(this).attr('class') != 'dropdown-toggle') {
            $('.navbar-toggle:visible').click();
        }
    });

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM