Php Bootstrap 4下拉菜单不起作用-但可用于具有相同CDN的其他文件_Php_Jquery_Html_Bootstrap 4_Cdn

Php Bootstrap 4下拉菜单不起作用-但可用于具有相同CDN的其他文件

php jquery html bootstrap-4

Php Bootstrap 4下拉菜单不起作用-但可用于具有相同CDN的其他文件,php,jquery,html,bootstrap-4,cdn,Php,Jquery,Html,Bootstrap 4,Cdn,我试图让navbar品牌标志成为我的navbar的下拉开关。当我第一次实现它时，它工作得很好！但是，在编辑我的主页文件并登录到access main.php页面后，它突然停止工作我通常不会显示我所有的代码，但对于这种情况，我会因此请原谅我我尝试将通用导航条复制并粘贴到echo“”部分，但下拉菜单不起作用。这让我产生了这样的想法：它与我正在使用的CDN有关。所以我复制并粘贴到另一个文件中，它成功了。这让我很困惑。当我回到main.php文件时，我认为它可能是一个坏缓存。我把它倒空了，它还是不起

我试图让navbar品牌标志成为我的navbar的下拉开关。当我第一次实现它时，它工作得很好！但是，在编辑我的主页文件并登录到access main.php页面后，它突然停止工作

我通常不会显示我所有的代码，但对于这种情况，我会因此请原谅我

我尝试将通用导航条复制并粘贴到echo“”部分，但下拉菜单不起作用。这让我产生了这样的想法：它与我正在使用的CDN有关。所以我复制并粘贴到另一个文件中，它成功了。这让我很困惑。当我回到main.php文件时，我认为它可能是一个坏缓存。我把它倒空了，它还是不起作用。要知道，在我编辑主页并重新登录之前，这一切都很正常

此外，我排除了我的css文件，因为我对它进行了注释，并在没有注释的情况下进行了尝试。下面是一张清单，上面列出的事情不是：

1.坏缓存 2.CSS文件 3.CDN与我正在使用的bootstrap4版本不匹配。 4.闹鬼的电脑

<?php
   require "login.php";
?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset='UTF-8'>
    <title>Main</title>
    <link rel='stylesheet' href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css' integrity='sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm' crossorigin='anonymous'>
    <link rel ='stylesheet' href='register.css'>
  </head>
  <body>
    <?php
      if(!isset($_SESSION['username'])){
        echo"<h1 align = 'Center'>You have not logged in.</h1>";
      }
      else{
        $username = $_SESSION['username'];
        echo"
        <nav class='navbar navbar-expand-lg navbar-light bg-light'>
        <div class='navbar-brand dropdown'>
          <a class = 'dropdown-toggle' id='navbarDropdown' role='button' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>
            $username
          </a>
          <div class='dropdown-menu' aria-labelledby='navbarDropdown'>
              <a class='dropdown-item' href='endSession.php'>Logout</a>
              <a class='dropdown-item' href='#'>Account</a>
          </div>
        </div>
        <button class='navbar-toggler' type='button' data-toggle='collapse' data-target='#navbarSupportedContent' aria-controls='navbarSupportedContent' aria-expanded='false' aria-label='Toggle navigation'>
          <span class='navbar-toggler-icon'></span>
        </button>

        <div class='collapse navbar-collapse' id='navbarSupportedContent'>
          <ul class='navbar-nav mr-auto'>
            <li class='nav-item active'>
              <a class='nav-link' href='#'>Coming Soon <span class='sr-only'>(current)</span></a>
            </li>
          </ul>
          <form class='mx-2 my-auto mx-auto search-bar d-inline w-50'>
            <div class = 'input-group'>
                <input class=' form-control mr-sm-2' type='text' placeholder='Search Contacts' aria-label='Search'>
                <span class='input-group-append'>
                <button class='btn btn-outline-success' type='submit'>GO</button>
                </span>
            </div>
          </form>
        </div>
      </nav>";
      }
    ?>
    <!-- JAVASCRIPT_CDN -->
    <script src='https://code.jquery.com/jquery-3.2.1.slim.min.js' integrity='sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN' crossorigin='anonymous'></script>
    <script src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js' integrity='sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q' crossorigin='anonymous'></script>
    <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js' integrity='sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl' crossorigin='anonymous'></script>
  </body>


主要
不确定会发生什么，但试试这个


引导示例




去
$username
我删除了底部的CDN。这似乎奏效了。
原来login.php是用php中的CDN导入的。至少这是我的理论
 尝试使用缩小版，避免在大多数情况下导致问题的超薄版本