jquery - jquery モバイルでマルチページ ファイルをロードする

Question

jquery/jquery モバイル フレームワークを使用して ajax 経由で読み込まれる 2 つの個別の html ファイルがあります。しかし、2 番目のファイルをロードすると、ページの役割である最初の div のみがロードされます。これを回避する方法はありますか？

Answer 1

これは設計によるものです。複数ページのドキュメントをリンクするときは、またはrel="external"data-ajax="false"

Ajax 経由で読み込まれたモバイル ページから複数の内部ページを含むページにリンクする場合は、リンクにrel="external" または data-ajax="false"を追加する必要があることに注意してください。これは、URL の Ajax ハッシュを消去するために、フレームワークにページ全体のリロードを行うように指示します。Ajax ページはハッシュ (#) を使用して Ajax 履歴を追跡しますが、複数の内部ページはハッシュを使用して内部ページを示すため、これら 2 つのモード間でハッシュに競合が生じるため、これは重要です。

<a href="multipage.html" rel="external">Multi-page link</a>

プログラムでページを変更する場合

$.mobile.ajaxEnabled = false;
$.mobile.changePage("multipage.html");