繁体   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