第一次单击打开IE 7/8/9中的bootstrap"可折叠"手风琴时,它无法打开.其他人遇到这个或者可以弄明白为什么？
谢谢
jsfiddle demo:http://jsfiddle.net/pWU4n/7/
<div class="accordion category-list-accordion">
<div id="category-5" class="accordion-group" style="display: block; ">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse">
CLICK ME TWICE THE FIRST TIME TO OPEN IN IE
</a>
</div>
<div id="category-5-accordion" class="accordion-body collapse">
<div class="accordion-inner span33">
"Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!)"
</div>
</div>
</div>
</div>
$(document).ready(function() {
$("#category-5").click(function() {
$("#category-5-accordion").collapse("toggle");
});
});
<head> 包括:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap-combined.min.css" rel="stylesheet">
She*_*row 15
此问题与IE无关:这将在任何不支持转换的浏览器上发生(或者如果它已停用).
那是因为你需要先初始化插件.如果不这样做,它会在第一次单击时初始化和切换折叠:默认初始化切换折叠(doc),如果没有过渡,则折叠连续两次切换而不会被看到.
这是你应该做的:
$("#category-5-accordion").collapse({toggle: false});
$("#category-5").click(function() {
$("#category-5-accordion").collapse("toggle");
});
| 归档时间： |
|
| 查看次数： |
6601 次 |
| 最近记录： |