0

DreamweaverCS6 で jQuery Mobile アプリを構築します。HTML ページを呼び出す複数のリンクを含む ul を作成し、それぞれにクイズを用意します。「クイズ」ページは、クイズのすべての作業を行う JavaScript ファイルを含む jqm ページです。すべて正常に動作しますが、li quiz ボタンをクリックしてページをロードすると、ロードに少し時間がかかり、ajax ロード スピナーが表示されません。アプリがフリーズしたかどうかわからないため、これは問題です。ページの読み込み中にスピナーを強制的に表示する方法について何か考えはありますか?

 <div data-role="content">  

    <ul data-role="listview">


    <ul data-role="listview" data-inset="true">
            <li data-role="list-divider">Quizzes</li>
            <li><a href="quiz1.html">Quiz 1</a></li>
            <li><a href="quiz2.html">Quiz 2</a></li>
            <li><a href="quiz3.html">Quiz 3</a></li>
4

2 に答える 2

1

を使用できます。

$.mobile.showPageLoadingMsg();

と

$.mobile.hidePageLoadingMsg();

適切な使用方法については、 http://jquerymobile.com/demos/1.2.1/docs/config/loadingMessageTextVisible.htmlを参照してください。

次のような特定の div タグに各ページのコンテンツを実際に書き込むことで、ページの読み込み速度を下げることができます。

<div data-role="page" id="quiz1"> 
    <div data-role="header">...</div> 
    <div data-role="content">...</div> 
    <div data-role="footer">...</div> 
</div>

このページを次のようにロードできます。

<ul data-role="listview" data-inset="true">
        <li data-role="list-divider">Quizzes</li>
        <li><a href="#quiz1">Quiz 1</a></li>
        <li><a href="#quiz2">Quiz 2</a></li>
        <li><a href="#quiz3">Quiz 3</a></li>
</ul>

これにより、ページの読み込み時間が大幅に短縮され、アプリが高速化されます。

于 2013-04-30T08:24:48.403 に答える