ie8 bootstrap collspse 要点2下才能展开问题

问题描述:在IE8,9下,严格来说是不支持transition的浏览器下,使用事件触发collspse的toggle会有这个问题

1.  `$("button").on("click",function(){`
2.  `$(".collspseContain").collapse("toggle");`
3.  `})`

原因

aaa3.png

第一次点击时data 空生成一次collapse对象 [图片上传失败...(image-8c081d-1566885573739)]

支持taransition会走一次异步执行对应效果,而不支持的是同步效果如图2,

ie8 bootstrap collspse 要点2下才能展开问题_第1张图片
![aaa3 (1).png](https://upload-images.jianshu.io/upload_images/811585-744c709fa1fc30b9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
aaa3.png

再执行上图中626行代码就会有这个问题了。

解决思路:

中间截图的注释代码加了异步就是目前想到的办法

你可能感兴趣的:(ie8 bootstrap collspse 要点2下才能展开问题)