1

iphoneのphonegapアプリケーションではjqueryの効果がスムーズではありません

表示と非表示に簡単なスクリプトを使用していますが、ページが点滅しています。

/* enter code here */
$( '#signupbtn1' ).live('click',function(event)
    {
       $('#header').slideUp('slow');
       $('#content').slideDown('slow');
});

なぜそれが正しく機能していないのか

4

3 に答える 3

2

jquery.animte-enhancedプラグインを試しましたか？CSS3アニメーションのブラウザサポートを検出することにより、アニメーションを高速化します。iOSでは、translate3d一部の要素をアニメーション化するために使用するのは非常に高速です。これは、GPUアクセラレーションの恩恵を受けるためです。以前はCSS3アニメーションのみに依存するアニメーションライブラリを作成していましたが、これはiOSでのすばらしいエクスペリエンスです。しかし、Androidはあなたを夢中にさせるでしょう。

于 2012-07-25T12:13:24.193 に答える
0

以前にも同じようなことが起こりました。右側の最後のメニュー項目（Appleのような検索ボックス）をアニメーション化しようとしていたところ、すべてが点滅していました。私がしたことは、特定のアイテムのcssで変更float:rightし、アニメーションのコンテナーに追加することでした。position:absolute;right:0;position:relative;

うまくいけば、トリックはあなたにもうまくいくでしょう！必要に応じてポジショニングを編集するだけですが、何かを適切にスライドイン/スライドアウトして同じ場所に留めておきたい場合は、ポジショニングでうまくいく可能性があります。

ライブは非推奨になり、イベントの委任は非常に異なる方法で処理されるようになったため、jQueryではライブの代わりに.onを使用することをお勧めします。

于 2012-07-25T12:04:37.460 に答える
0

この回答は、あなたが最初にこの質問をした数年後のことですが、あなたの質問は、これに関するヘルプをグーグルで検索したときにリストされた数少ない質問の1つです。

だからここにChrissilichブログのブログからの解決策があります、解決策はここに途切れ途切れのアニメーションを修正するための解決策です

-webkit-transform: translateZ(0);基本的に、彼はあなたがアニメートしようとしている要素に以下を追加することを勧めています。

他の多くの人と同じように、私にとっては美しく機能しました。

于 2016-01-15T12:15:35.943 に答える