twitter-bootstrap - 在 IE 8/9 中为 Bootstrap 元素启用过渡动画

Question

有没有办法在 IE 8/9 中为 Bootstrap 3 启用漂亮的过渡动画？我认为这是我代码中的错误，但后来我检查了 Bootstrap 的页面，甚至是他们的示例:

http://getbootstrap.com/javascript/#collapse

在 IE8/9 中没有动画，而在 Chrome 中有动画。

Answer 1

Twitter 的 Bootstrap 3.0.0 不支持 IE7/8/9 中的转换，另请参阅:https://github.com/twbs/bootstrap/pull/3052

要添加它，您必须更改插件并添加 jquery .animate() 函数来模拟效果。示例代码:https://github.com/twbs/bootstrap/pull/3052/files

基于 Modernizr 代码在 transition.js 中检查转换支持(与此处描述的方式相同:https://stackoverflow.com/a/12174628/1596547)

在您的插件中查找 if (!$.support.transition) 并执行如下操作:

if (!$.support.transition) { this.$element.animate() }