[英]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.