cordova - Phonegap中的慢JQuery Mobile面板

我正在JQM中为Phonegap应用程序实现幻灯片面板，但是由于某些原因，当我尝试在Android 4.x上打开该面板时，它需要1500ms的时间才能显示出来，但是在Android 2.x，iOS和Blackberry中它会立即显示。

$(document).on("touchstart","img#openLeft", function()
{
     $('#mydiv').panel("toggle");
}

您能否告诉我，我可以采取什么策略来使面板更快地显示而不删除滑动动画？

谢谢!

PS我正在使用JQuery Mobile 1.3.0

最佳答案

我最终修改了JQM-1.3.0.css来解决此问题，结果发现它们不是硬件加速的。

上:

@ -webkit-keyframes slideinfromright

@ -moz-keyframes slideinfromright

@keyframes slideinfromright

@ -webkit-keyframes slideinfromleft

@ -moz-keyframes slideinfromleft

@keyframes slideinfromleft

@ -webkit-keyframes slideouttoleft

@ -moz-keyframes slideouttoleft

@keyframes slideouttoleft

@ -webkit-keyframes slideouttoright

@ -moz-keyframes slideouttoright

@keyframes slideouttoright

.slide.out

.slide.in

.slide.out.reverse

.slide.in。反向

我将所有-webkit-transform: translateX(x);更改为-webkit-transform: translate3d(x,0,0);
并且我还将动画更改为data-display="push"，它似乎比data-display="reveal"更快，因为它在翻译时启动动画，而不是等待内容翻译并随后显示。

关于cordova - Phonegap中的慢JQuery Mobile面板，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15673526/