ngAnimate仅在IE9中部分降级

Question

我修改了本教程中的代码,该代码动画滑动,div以便它可以作为切换菜单.我希望它会降级为IE9中的正常隐藏节目.它是什么.但只有一次.如果我单击第一个按钮,它将打开和关闭其div.它适用于所有这四个.但在第一次切换之后,IE无法再显示divs.我可以ng-click通过记录单击按钮的索引来验证是否正在工作.但出于某种原因,似乎该display属性未设置为block.是否存在一个已知的问题,即ngAnimate导致IE9在没有错误的情况下中断,或者我错过了一些明显的东西？

JSBIN

Answer 1

在angularjs网站,你会发现:

尽管大多数现代浏览器都对CSS过渡和CSS动画有很好的支持,但IE9及更早版本却没有.如果您想要与旧浏览器向后兼容的动画,请考虑使用基于JavaScript的动画,这些动画将在下面详细介绍.

实用:如果删除此行:transition: all 0.8s;您将看到所有浏览器的行为方式相同.

解决方案:

Internet Explorer 9中是最后的IE浏览器不支持的过渡性质,或动画,你可以看到这里,却是支持有条件的意见,所以你可以把备用码到IE9只有条件的评论,并交付为您所有IE9(及以下)用户的解决方案.

<!--[if lte IE 9]>
    <script src="animation-legacy-support.js"></script>
<![endif]-->

或者您可以像这样使用modernizr库:

if(!Modernizr.csstransitions) { // if not supported.
//ADD YOUR javascirpt-based CODE HERE
}

或者你可以让所有的动画使用jQuery,使用IE9 +或IE6 +的jQuery 1.x的jQuery的2.x中,你可以看到在这里.

注意:有角度和jquery动画的示例可以在底部的angularjs站点的Animating ngClass with JavaScript章节中找到.