折叠不起作用(Bootstrap 4)

新手上路,请多包涵

我在 bootstrap 4 中遇到崩溃问题。

我试图通过 Javascript 控制它,但它不起作用:

有人可以帮我吗?

 Codepen https://codepen.io/Ages/pen/dempQm

原文由 Ages 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 312
2 个回答

您的代码很好,只是您的顺序不正确,因为引导程序基于 jQuery , 所以缺少包含 jQuery 的 所有内容。

 codepen : `http://codepen.io/AElkhodary/pen/odqYxP`

原文由 Adel Elkhodary 发布,翻译遵循 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 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
Stack Overflow 翻译
子站问答
访问
宣传栏