為什么 Bootstrap 4 切換按鈕不起作用？

Question

我正在使用 Laravel 5.8 和 Bootstrap 4。我已經通過 npm 和 Laravel 項目安裝了 Bootstrap，並且我在刀片文件中具有以下切換按鈕

 <button class="btn btn-primary" id="menu-toggle">Toggle Menu</button>

    <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>

並按照 jquery 代碼在切換按鈕上方工作

<script>
$("#menu-toggle").click(function(e) {
  e.preventDefault();
  $("#wrapper").toggleClass("toggled");
});
</script>

但是當單擊此處的切換按鈕時，它不起作用。 如何解決這個問題？

Answer 1

確保 jQuery 文件高於所有 js 文件，甚至是引導文件。

將此代碼粘貼到所有 js 文件之前。

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>

現在它應該可以工作了注意： - 注意需要先添加 jQuery 核心庫/基礎庫，然后才能添加任何其他 jQuery 文件/庫。 所有其他引導 js 文件都依賴於 jQuery，因此應首先導入。

此外，如果它仍然無法正常工作，請檢查您的代碼中是否有任何錯誤。