我在 bootstrap 4 中遇到崩溃问题。
我试图通过 Javascript 控制它,但它不起作用:
有人可以帮我吗?
Codepen https://codepen.io/Ages/pen/dempQm
原文由 Ages 发布,翻译遵循 CC BY-SA 4.0 许可协议
我在 bootstrap 4 中遇到崩溃问题。
我试图通过 Javascript 控制它,但它不起作用:
有人可以帮我吗?
Codepen https://codepen.io/Ages/pen/dempQm
原文由 Ages 发布,翻译遵循 CC BY-SA 4.0 许可协议
请找到以下用于 bootstrap 4 collapse 的代码
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h2>Simple Collapsible</h2>
<p>Click on the button to toggle between showing and hiding content.</p>
<button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
<div id="demo" class="collapse">
Lorem ipsum dolor sit amet, consectetur adipisicing elit,
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
</body>
</html>
原文由 Ajeet 发布,翻译遵循 CC BY-SA 4.0 许可协议
13 回答13k 阅读
7 回答2.2k 阅读
3 回答1.3k 阅读✓ 已解决
6 回答1.3k 阅读✓ 已解决
2 回答1.4k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
6 回答1.1k 阅读
您的代码很好,只是您的顺序不正确,因为引导程序基于 jQuery , 所以缺少包含 jQuery 的 所有内容。