iOS6中不会删除Angular 1.2.5动画类

时间:2014-06-23 19:22:24

标签: javascript angularjs animation

我有一个动画,盒子上下滑动。它适用于web,ios和android phonegap应用程序和移动safari(我测试的所有)。它也适用于iPhone5 iOS6,但我遇到了问题,因为动画完成后不会删除支持类,例如ng-hide-add,ng-hide-remove。有没有人经历过类似的问题?

编辑:它基本上看起来动画在iOS6上不起作用。添加了类,但从未删除过。

更新:当动画时间少于0.5秒

时,似乎会出现问题

1 个答案:

答案 0 :(得分:1)

我做了一些测试,看起来我的应用程序中的某些内容导致iOS6上的动画类在动画低于0.5秒时变得粘滞。我能够通过在动画完成事件中手动删除类来以一种hacky方式解决问题。

if(ios6) {
    $('.element').on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function() {
        $('.element').removeClass("ng-animate ng-hide-add ng-animate-start ng-animate-active ng-hide-add-active ng-hide-remove ng-hide-remove-active");
    });
}