[英]Bootstrap collapse
我花了几个小时来尝试使该Bootstrap崩溃插件正常工作。 很抱歉,这个问题以前曾被问过很多,但是我已经在这个地方搜寻了合适的答案。 这是我的html:
<html lang="en">
<head>
<meta charset="utf-8">
<title>:(</title>
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<h1>Collapse!</h1>
<a class="btn btn-danger" data-toggle="collapse" data-target="#demo">
simple collapsible
</a>
<div id="demo" class="collapse in">
<p>Hopefully this content will be collapsible!</p>
<p>And this too!</p>
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".collapse").collapse()
});
</script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>
这也是我第一次使用stackoverflow提出问题,因此请原谅我不知道如何正确格式化问题。 我只是添加了这个小片段的jquery,希望它能以某种方式初始化页面上的js元素。 请帮忙!
这是您的代码的工作版本http://jsbin.com/aximay/1/edit
我看到这个问题有点老了,不过只是一个补充说明。
似乎没有必要使用Bootstrap数据属性和javascript。 BS文档(请参阅用法)尚不清楚它们是不同的替代方法,但可以与任一独立方法(数据属性或JS)配合使用。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.