引导程序（mdb）折叠不显示在第一次单击中

【问题标题】：The bootstrap (mdb) collapse do not show in the first click引导程序（mdb）折叠不显示在第一次单击中
【发布时间】：2021-10-06 23:19:37
【问题描述】：

当我第一次单击时，折叠不显示并抛出此错误，但是当我尝试单击更多时它可以工作????

The error here

这是我的代码：

<button
          class="btn"
          data-mdb-toggle="collapse"
          data-mdb-target="#test"
          aria-expanded="false"
          aria-controls="test"
        >
          TEST
   </button>
        
   <div class="collapse" id='test'>
      <ul class=" list-unstyled fw-normal pb-1 small mt-1 mb-0 ">
        <li>test</li>
        <li>test</li>
        <li>test</li>
      </ul>
   </div>

【问题讨论】：

尝试更改数据属性，例如：data-mdb-toggle 代替 data-toggle。

标签： html bootstrap-5 mdbootstrap

【解决方案1】：

我检查了您的代码是否正常，我使用 jsfiddle 作为 IDE。我认为您必须检查有关 MDB 的页面的脚本和链接。如果您在本地使用它们，请使用在线 CDN 更改它们并检查它。

<!-- MDB -->
<link
  href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.css"
  rel="stylesheet"
/>
<script
  type="text/javascript"
  src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.6.0/mdb.min.js"
></script>
<button
          class="btn"
          data-mdb-toggle="collapse"
          data-mdb-target="#test"
          aria-expanded="false"
          aria-controls="test"
        >
          TEST
   </button>
        
   <div class="collapse" id='test'>
      <ul class=" list-unstyled fw-normal pb-1 small mt-1 mb-0 ">
        <li>test</li>
        <li>test</li>
        <li>test</li>
      </ul>
   </div>

https://jsfiddle.net/qouz7kc2/1/

【讨论】：