簡體   English   中英

單擊鏈接后展開的移動導航欄不會折疊

[英]expanded mobile navbar doesn't collapse after clicking link

此后,在移動視圖(即單擊導航欄圖標)中使用的固定到頂部導航欄不會折疊。 頁面正在加載。 那么如何停止導航欄中的頁面加載

這是我的網站鏈接:

鏈接

這是我的JavaScript代碼

JavaScrpit代碼

// Anchors Position
                $('[data-hash]').on('click', function(e) {
                    e.preventDefault();

                    $('body').addClass('scrolling');
                    var target = $(this).attr('href')
                        delay = 0;

                    if($(document).scrollTop() == 0) {
                        $(document).scrollTop($('#header').height());
                        delay = 200;
                    }

                    setTimeout(function() {

                        if ($(window).width() < 991 && $('.nav-main-collapse').hasClass('in')) {
                            $('.nav-main-collapse').collapse('hide');
                            self.scrollToTarget(target);
                            return this;
                        }

                        self.scrollToTarget(target);

                    }, 200);



return this;
            });

            return this;
        },

下面我附上了屏幕截圖

在此處輸入圖片說明

在上添加type="button"

<button class="btn btn-responsive-nav btn-inverse" data-toggle="collapse" data-target=".nav-main-collapse"><i class="fa fa-bars"></i></button>

暫無
暫無

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

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