Question

我有一个小巧的游戏，我试图在this link开发 css过渡类定义

`el {
transition: transform .3s;
-webkit-transition: -webkit-transform .3s;
position:absolute; 
transform: translate3d(0,-100%,0);
-webkit-transform: translate3d(0,-100%,0);
top:0;
}
.close {
transition-duration: .15s;
-webkit-transition-duration: .15s;
}
.open {
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}`

在元素上并使用 [prefix] TransitionEnd 事件来运行。

$el.on(transitionEnd,function(){ // transitionEnd is a polyfill result from browser sniff
if($el.hasClass('close'))
setTimeout(function(){
  $el.addClass('open');
},Math.random() * 2500));
else $el.addClass('close').removeClass('open');
});

预期的结果是，每次转换结束时，函数都会根据添加/删除的类更改元素的translate3d（）。

我能够在桌面和移动浏览器上看到这一点，除了运行Android 4.3的三星Galaxy S3 。我被告知在S3上它只运行一次并且元素保留在＆＃34; .close＆＃34;类。我没有实际的设备但是我做的一点调试让我相信在更改影响转换的类定义时， [prefix] TransitionEnd 没有触发。任何拥有 Samsung S3 with Android 4.3 的人都可以尝试一下，让我知道它是否有效......以及我可以使用哪些解决方法来解决它？

onTransitionEnd不工作Android 4.3三星S3

0 个答案: