我花了几个小时试图让这个引导崩溃插件工作。很抱歉,如果以前有人问过这个问题,但我已经在这个地方搜寻了一个合适的答案。这是我的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 元素。请帮忙!