twitter-bootstrap – Bootstrap 2.1.1“可折叠”未在IE中首次打
发布时间:2020-12-18 00:23:34 所属栏目:安全 来源:网络整理
导读:第一次单击打开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"
第一次单击打开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"> 解决方法
此问题与IE无关:这将在任何不支持转换的浏览器上发生(或者如果它已停用).
那是因为你需要先初始化插件.如果不这样做,它会在第一次单击时初始化并切换折叠:默认初始化切换折叠(doc),如果没有过渡,则折叠连续两次切换而不会被看到. 这是你应该做的: $("#category-5-accordion").collapse({toggle: false}); $("#category-5").click(function() { $("#category-5-accordion").collapse("toggle"); }); Demo (jsfiddle) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |