Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript onTransitionEnd无法运行Android 4.3三星S3_Javascript_Android_Css_Mobile Browser - Fatal编程技术网

Javascript onTransitionEnd无法运行Android 4.3三星S3

Javascript onTransitionEnd无法运行Android 4.3三星S3,javascript,android,css,mobile-browser,Javascript,Android,Css,Mobile Browser,我有一个很好的小游戏,我正在尝试开发,其中有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;

我有一个很好的小游戏,我正在尝试开发,其中有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');
});
预期的结果是,每次转换结束时,函数都会根据类add/removed更改元素的translate3d()


除了运行安卓4.3的三星Galaxy S3之外,我可以在桌面和移动浏览器上看到这一点。我被告知在S3上它只运行一次,元素保留在“.close”类中。我没有实际的设备,但我所做的一点调试让我相信,在更改影响转换的类定义时,[prefix]TransitionEnd不会触发。有谁能用安卓4.3的三星S3试试看,让我知道它是否有效……我可以用什么方法来解决它?

有同样的问题,以为只有我一个人。如果我找到了解决办法,我会让你知道。@justincool我想我找到了解决办法。试试看,让你know@easwee我做了一些编辑。希望这足以满足众议院的规定:-)@Justin我从这篇文章中得到了一些建议。使用三星仿真器进行的测试表明它可以工作。然而,我还没有在实际的DeviceTool上确认,请告诉我您发现了什么。我最终只是在css转换设置的毫秒内触发了setTimeout,基本上做了同样的事情。这并不理想,有点老套,但却很有魅力。