5

JQM 1.1 のページ遷移では、iPhone で 1 ～ 2 秒の遅延が発生し、ユーザー エクスペリエンスが損なわれます。

JQM 1.1 のページ遷移をよりネイティブに感じさせる方法を見つけた人はいますか? Zepto のような代替フレームワークがあることはわかっていますが、可能であれば JQM を使用することを好みます。

PhoneGap を使用して iOS デバイスにアプリを配布しています。

4

2 に答える 2

13

私は一緒に非常に満足のいく結果を生み出すいくつかの方法を使用します.

1) Energize.js - https://github.com/davidcalhoun/energize.jsは、すべてのクリック/タップのタップ遅延を取り除きます

2) jQM の開始時に以下を追加します。

$.mobile.buttonMarkup.hoverDelay = 0;

3、4、5) 使用

$( "#YourPage" ).delegate("#YourButton", 'tap', function(event) {
        $.mobile.showPageLoadingMsg();
        $.mobile.changePage( "YourPage", { transition: "slide"} );                                               
        e.stopImmediatePropagation();
        return false;
        } );

3) jQM が次に mobile.changePage に変換する通常のアンカー リンクを使用する代わりに - その部分を自分で行い、(潜在的に) 数ミリ秒短縮します。

4) クリックではなくタップに委任します (ただし、energize.js が存在するため、違いはわかりません)。

5) 転送を開始する前に読み込みメッセージを表示します。ナビゲートしているサイトが複雑な場合、生成に時間がかかる場合があります。読み込み中のメッセージを表示すると、少なくともユーザーは何かが起こっていることを知ることができます

6) を使用してコンテンツをプリロードする

$.mobile.loadPage( "YourPage" );

これは重複のために少しやり過ぎかもしれませんが、うまくいけば、これらのテクニックを使用して、アプリの応答性をもう少し向上させることができます!

編集 - ボーナス: PhoneGap jQuery Mobile アプリを高速化するための他の 3 つの手法をカバーするブログ投稿は次のとおりです。

于 2012-06-14T05:50:53.950 に答える
0

jquery mobile の取得時に必要なコンポーネントのみを含める

http://jquerymobile.com/download-builder/

于 2013-08-17T08:40:41.750 に答える