bootstrap.min.js的src無法正常工作

Question

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

這是代碼。 我也在JSFiddle 這里有它。

<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

問題出現了，因為您在文件中包含twice bootstrap cdn 。 你是包括在該CDN nav.php又在其他PHP文件。

這是一個非常常見的問題，您應該cdn only once包含cdn only once 。

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