jquery mobile - changePageを使用して複数ページのページをリクエスト

Question

サイトのインデックスページから、3つのdivとページのデータロールを持つ別のページを読み込みます。 しかし、jquery mobileはページの1つだけをdomに追加します。

私は、changePage関数がページのデータロールで最初のdivをつかんで挿入しているとします。ページやダイアログのデータロールを使ってすべてのdivを挿入する方法があるのだろうかと思います。

ご了承ください。 ありがとう

Answer 1

現在、マルチページの最初のページだけがDOMに読み込まれるため、JQMでは現在できません。

この動作を説明するJQMドキュメントのリンク先を指摘しますが、1つもありません...私はすでにGithubでこの問題を提出しています。マルチページでは動作しません。

私は同じ問題を抱えているので、（他のものの中でも）複数ページを読み込むためのプラグインを書き始めました。私はまだ整理するいくつかのことがありますが、それが働いているときにあなたにリンクを送ることができます。

Answer 2

「サブページ」プラグインを使用して、必要な動作を取得できます。基本的に1ページには多数のサブページがあり、すべてがDOMに読み込まれます。パターンは次のようになります。

<div data-role="page"> 
    <div data-role="subpage"> 
    </div> 
    <div data-role="subpage"> 
    </div> 
    <div data-role="subpage"> 
    </div> 
</div> 

プロジェクトはhttps://github.com/ToddThomson/jQuery-Mobile-Subpage-Widgetです。 私は個人的にこのプラグインに問題がありましたが、シンプルなシナリオではうまくいきます。 また、ドキュメントもありません。たとえば、私はまだこのプラグインで$ .mobile.changePage（）を呼び出す適切な方法を知らない。 :)

Answer 3

this pageでJQMによると： 「のjQuery Mobileは現在、唯一のAJAXを介した単一ページの文書の読み込みをサポートするデータ・アヤックス=追加することによって、あなたがリンク上でAJAXを無効にする必要があり、複数ページのドキュメントに移動するには。」偽を「属性。https://github.com/ToddThomson/jQuery-Mobile-Subpage-Widgetでトッド・トンプソンによって利用できるサブページをサポートすることを可能にするウィジェットもあり、」あなたはまた、ページBにhrefのポインティングにrel="external"属性を追加することができます

が

rel="external"およびデータアヤックス= "false"を指定すると、JQMはページ全体を新しいものとしてロードします。残念ながら、PageAからPageBへのページ遷移を使用する機能が削除されているようです。

例：私は今、代わりにオートマジックのメカニズムに頼るのJQM方法でページBをロードしているよ<a href="/view/pageB/" rel="external"> Page B </a>

。 DOMが最初に読み込まれた後に、「シングルページ」内にハッシュタグの遷移が必要な場合は、（推奨されるように）単一ページのテンプレートを使用するか、pagecontainer load method（基本的には単一ページと同じ）を使用する必要があります。たとえば、そのページの1つのページlisten to "pageinit"にリンクし、次にpagecontainer("load")を使用します。後続のページ（あなたの注入したページ）が直接着信ページとして必要ないことを確認してください。