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不工作

回答

相关问题