Question

我这里有这个代码。当我尝试它时，顶部导航栏的下拉列表不起作用。但是，当我尝试删除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

问题出现了，因为您在文件中包含了引导程序cdn twice。您将cdn包含在nav.php中，并再次包含在其他php文件中。

这是一个非常常见的问题，每页应包含cdn only once。

所以，解决方案是从nav.php中删除bootstrap cdns ，然后将其包含在其他php文件中。

bootstrap.min.js的src无效

1 个答案: