导航栏菜单不折叠答案

【问题标题】：Navbar menu not collapsing导航栏菜单不折叠
【发布时间】：2018-08-23 05:18:26
【问题描述】：

我正在使用引导程序创建网站，我的导航栏没有崩溃。任何解决方案为什么？

我的脚本是：

  link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  <script src="scrolling.js"></script>

还有这个

script type="text/javascript">
     $(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') && ( $(e.target).attr('class') != 'dropdown-toggle' ) ) {
        $(this).collapse('hide');
    }

还有我的 index.html

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container-fluid">
      <div class-"navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="myNavbar">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#"><img src="img/_logo.png" style="width:190px;height:75px;"></a>
        </div>
        <div class="collapse navbar-collapse" id="myNavbar">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#home">Strona główna</a></li>
            <li><a href="#about">O nas</a></li>
            <li><a href="#activ">Aktywność</a></li>
            <li><a href="#offer">Oferta</a></li>
             <li><a href="#contact">Kontakt</a></li>
          </ul> <!-end of navbar--->
        </div> <!-end of container--->
      </div> <!-end of nav->
  </nav>

【问题讨论】：

标签： html web-applications navigation web navbar

【解决方案1】：

您有一些问题，请参阅this resource 进行澄清。您在data-target="myNavbar" 中缺少“#”。此外，class-"navbar-header" 需要更改为 class="navbar-header"。最后，除非您确实想手动处理它，否则您不需要您提供的 JavaScript，因为引导程序已经处理了该事件。

【讨论】：

很高兴能帮上忙！