src的Bootstrap.min.js不工作

我在這裏有此代碼。當我嘗試它時，頂欄導航下拉不起作用。但是，當我試圖刪除bootstrap.min.js的src時，它現在正在工作。src的Bootstrap.min.js不工作

這是代碼。我也在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'; 
?>

這是以某種方式影響這些代碼的工作方式？

預先感謝您。

來源

2017-03-10 AyakoS

聽起來像是衝突。看看您的控制檯並檢查您的路徑 –

控制檯中沒有任何東西。忘了包括那個。 – AyakoS

嘗試使用相同的HTML不在PHP文件，以確定問題的範圍 – Lazyexpert

問題在於您的文件中包含引導程序cdntwice。您在nav.php中包含cdn，並在另一個php文件中再次包含該cdn。

這是一個非常普遍的問題，你應該包括每頁cdn only once。

因此，解決方案是從nav.php刪除引導cdns，然後將其包含在其他php文件中。

來源

2017-03-11 03:22:09 neophyte

src的Bootstrap.min.js不工作

回答

相關問題