Bootstrap.min.jsのsrcが動作しない

Question

私はこのコードをここに持っています。私が試したとき、トップバーのnavのドロップダウンは機能していません。しかし、bootstrap.min.jsのsrcを削除しようとしたところ、現在は動作しています。

ここにコードがあります。私もJSFiddleでそれを持っていますHERE。

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
      <a class="navbar-brand" href="../../pages/admin/admin-index.php"> 
       <img src="" alt=""> 
      </a> 
    </div> 
     <!-- Top Menu Items --> 
    <ul class="nav navbar-right top-nav"> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Admin User <b class="fa fa-angle-down"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#" data-toggle="modal" data-target="#modalChangePassword"><i class="fa fa-fw fa-cog"></i> Password</a></li> 
       <li class="divider"></li> 
       <li><a href="../php/Logout.php"><i class="fa fa-fw fa-power-off"></i> Logout</a></li> 
      </ul> 
     </li> 
    </ul> 
</nav> 


<script src="../../js/jquery-3.1.1.min.js"></script> 
<script src="../../js/bootstrap.min.js"></script> 
<script src="../../js/jquery-validation-1.15.0/dist/jquery.validate.min.js"></script> 
<script src="../../js/sidebar-topbar.js"></script> 

<script> 
     $("#formChangePassword").validate({ 
      //validation code 
     }); 
</script> 

私はこのコードをPHPファイルとして使用しています。私はこのコードを使用している他のPHPファイルにこれを含めます。

<?php 
    include '../include/Nav.php'; 
?> 

これはどういうわけかこれらのコードの動作に影響しますか？

ありがとうございます。

Answer 1

ファイルにブートストラップcdntwiceが含まれているため、問題が発生しています。あなたはnav.phpにcdnを含めて、もう一度他のphpファイルに入れます。

これは非常に一般的な問題で、ページあたりにcdn only onceを含める必要があります。

したがって、解決方法は、nav.phpからブートストラップcdnsを削除し、それを他のphpファイルに含めます。