时间戳

首页 > 解决方案 > 引导折叠不折叠元素

jquery - 引导折叠不折叠元素

问题描述

我只是从 w3schools 实现了折叠代码（比引导网站更轻的代码..我也试过这个）并且折叠元素没有显示

我正在使用 Angular 9，引导程序 4，并且我已经安装了 JQuery

这是代码：

<p>
    <button class="btn btn-info m-3" type="button">Add Invoice</button>
    <button class="btn btn-primary m-3" type="button" data-toggle="collapse" data-target="#searchBloc">
         Search
    </button>
</p>
<div class="collapse" id="searchBloc">
    <div class="card card-body">
           Search Form
    </div>
</div>

我在 index.html 中添加了 jquery cdn：

<script src="https://code.jquery.com/jquery-3.5.1.min.js"
         integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
         crossorigin="anonymous">
</script>

标签： jqueryangularbootstrap-4

解决方案

引导程序中存在拼写错误。“崩溃”无法正常工作。您需要输入“collpase”。我正在做一个简单的 ReactJS 项目。我安装了引导程序 4.5.3。折叠没有正常工作。当我输入 'className='collpase'' 时，折叠功能起作用了。

推荐阅读