Bootstrap Mobil Navi nicht nur in 1 Seite arbeitet

Question

Page I'm working on

Auf jeder anderen Seite, das mobile nav funktioniert gut. Ich habe gerade festgestellt, dass es auf der angegebenen Seite nicht funktioniert.

Ich benutze jquery-easytabs. Ich bin mir nicht sicher, ob dieses Plugin das Problem verursacht. Hier ist der Code, den ich habe:

<nav class="navbar navbar-default "> 
    <div class="container-fluid"> 
    <div class="header-sec"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
     <button type="button" class="navbar-toggle collapsed"      data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <div class="logo2"><img src="image/Element-Design-logo.png"></div> 
</div> 

    <!-- Collect the nav links, forms, and other content for toggling --> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
    <ul class="nav navbar-nav"></ul> 
    <ul class="nav navbar-nav navbar-right"> 
     <li><a class="active" href="index.html">Home</a></li> 
     <li><a href="company.html">Our Company</a></li> 
     <li><a href="projects.html">Projects</a></li> 
     <li><a href="contact.html">Contact Us</a></li> 
    </ul> 
    </div><!-- /.navbar-collapse --> 
</div> 

Answer 1

Eine Sache habe ich bemerkt, ist man jQuery zweimal geladen werden. Versuchen Sie, eine Instanz davon vom Kopf zu entfernen.

Sie haben <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> und <script src="js/vendor/jquery-1.7.1.min.js" type="text/javascript"></script> Gehen Sie mit einem, könnte dies ein Grund für Konflikte sein.