2

Phonegapアプリ用にJQMでスライドパネルを実装しているのですが、なぜかAndroid 4.xで開いてみると表示に1500msかかるのですが、Android 2.x、iOS、Blackberryでは瞬時に表示されます。

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

スライド アニメーションを削除せずに、パネルをより速く表示するには、どのような戦略に従うことができるか教えてください。

ありがとう！

PS私はJQuery Mobile 1.3.0を使用しています

4

2 に答える 2

9

この問題を修正するために JQM-1.3.0.css を変更しましたが、ハードウェア アクセラレーションが行われていないことがわかりました。

の上：

  • @-webkit-keyframes slideinfromright
  • @-moz-keyframes slideinfromright
  • @keyframes スライドインフロムライト
  • @-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.reverse

私はすべてを変更しまし-webkit-transform: translateX(x);た-webkit-transform: translate3d(x,0,0);

また、コンテンツが翻訳されて後で表示されるのを待つのではなく、翻訳中にアニメーションを開始するため、アニメーションをdata-display="push"より速く動作するように変更しました。data-display="reveal"

于 2013-04-03T16:06:02.733 に答える
0

ドキュメントで示されているように、これらはハードウェアによって高速化されます。4.0 デバイスのパフォーマンスが低下している可能性があります。

data-animate="false"ペインの divに追加することで、アニメーションを無効にすることができます。ドキュメントに記載されています。

于 2013-03-28T06:02:59.533 に答える