在Phonegap中缓慢的JQuery Mobile面板

Question

我正在JQM中为Phonegap应用程序实现一个幻灯片面板,但由于某些原因,当我打开它时,尝试在Android 4.x上打开它需要1500毫秒才会出现,但在Android 2.x,iOS和Blackberry中它立即显示.

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

您能否告诉我在不删除滑动动画的情况下,我可以遵循哪种策略来使面板显得更快？

谢谢!

PS我正在使用JQuery Mobile 1.3.0

Answer 1

我最后修改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.in
• .slide.out.reverse
• .slide.in.reverse

我改变了所有的-webkit-transform: translateX(x);对-webkit-transform: translate3d(x,0,0);

我也改变了我的动画,data-display="push"这似乎比工作速度data-display="reveal",因为它在翻译,而不是等待要翻译的内容,并显示它之后启动动画.