bootstrap accordian不适用于IE
bootstrap accordian不适用于IE
提问于 2012-10-01 15:34:00
我一直在使用bootstrap开发一个网站，我使用了折叠(折叠) JavaScript功能。
它可以与除IE以外的所有浏览器一起工作，但它不能。
http://bonanza.mocorner.com/en/success_story/
上面的URL，如果使用FF或Chrome访问，您可以看到accordion工作正常。当使用IE时，它不是，有什么想法吗？尽管我在HTML头中包含了以下内容
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->下面是我的HTML代码
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<head>
<meta charset="utf-8">
<!-- CSS Styling starts here -->
<link rel="stylesheet" type="text/css" href="/public_assets/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="/public_assets/bootstrap/css/bootstrap-responsive.min.css" />
<link rel="stylesheet" type="text/css" href="/public_assets/base.css" />
<!-- CSS Styling ends here -->
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- JS Starts here -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript" src="/public_assets/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/en/js/common_js.js"></script>
<script type="text/javascript" src="/public_assets/js/jquery.cookie.js"></script>
<!-- JS ends here -->
</head>
<body>
..............
<script>
$(".collapse").collapse();
</script>
<div class="collapse in">
<div id="accordion-group" class="accordion">
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapse-2" data-parent="#accordion-group" data-toggle="collapse" class="accordion-toggle">
Checking Story (published on Sept. 30, 2012, 1:43 p.m.)
</a>
</div>
<div class="accordion-body collapse" id="collapse-2" style="height: 0px;">
<div class="accordion-inner">
<p><img src="/public_media/success_story/2012/09/30/happyFamily.jpg" class="img-rounded" style="float: left; margin-right: 5px;" /> Checking Story...</p>
</div>
</div>
</div>
<div class="accordion-group">
<div class="accordion-heading">
<a href="#collapse-1" data-parent="#accordion-group" data-toggle="collapse" class="accordion-toggle">
The story of our lives (published on Sept. 30, 2012, 10:20 a.m.)
</a>
</div>
<div class="accordion-body collapse" id="collapse-1" style="height: 0px;">
<div class="accordion-inner">
<p><img src="/public_media/success_story/2012/09/30/promo_bts.jpg" class="img-rounded" style="float: left; margin-right: 5px;" /> The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives The story of our lives.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2012-10-01 19:56:48
这是一个2.1.0 bug，它在2.1.1中得到了解决--你应该更新你的引导文件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12669119
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号