将 JS 添加到 Bootstrap html sheet 时出现问题（通过基本的 jsDelivr CDN link）——我做错了什么？

Question

有人告诉我把它放在封闭的 body 标签之前。

还有一个包 link 不起作用：

一切正常（CSS 的 jsdelivr CDN 在 HEADER 中加载正常）。

但是每当我执行简单的 JS 函数（带有数据切换）时，它们根本不起作用。

我用的是mac，用过各种浏览器，结果都一样。这是 HTML 顶部屏幕截图：https://paste.pics/c5ceb923e80364057f7c80da3e0a7350 这是 HTML 底部的屏幕截图：https://paste.pics/77d881e6cfa8458eb2dd33a4a989b4fa

Answer 1

以下是一个最小的 Bootstrap 5 data-bs-toggle 示例。注：有一个-bs- 在所有 BS5 data- 属性中。

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet">
  <title>Bootstrap 5 data-bs-toggle</title>
</head>

<body>
  <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapse">TOGGLE</button><br>

  <section id="collapse" class="collapse">
    <article class="card card-body">
      <p>¯\_(ツ)_/¯ works OK...</p>
    </article>
  </section>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js"></script>
</body>

</html>

将 JS 添加到 Bootstrap html sheet 时出现问题（通过基本的 jsDelivr CDN link）——我做错了什么？

Problem with adding JS to a Bootstrap html sheet (via the basic jsDelivr CDN link) - What am I doing wrong?

javascript

bootstrapper

jsdelivr