簡體   English   中英

引導崩潰

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

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM