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() }