单击链接后展开的移动导航栏不会折叠答案

【问题标题】：expanded mobile navbar doesn't collapse after clicking link单击链接后展开的移动导航栏不会折叠
【发布时间】：2017-07-02 14:11:17
【问题描述】：

在移动视图中使用时固定到顶部的导航栏（即单击导航栏图标）之后不会折叠。页面正在加载。那么如何在导航栏中停止页面加载

这是我的网站链接：

LINK

这是我的javascript代码

JavaScrpit Code

// 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;
        },

下面附上截图

【问题讨论】：

标签： javascript jquery css html

【解决方案1】：

在

上添加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>

【讨论】：