AJAX を介してマルチページ ページ (複数の要素を含むページ) を読み込む jquery-mobile で複雑な問題が発生しました。このような状況でJQMが最初のページ要素のみをロードするのは設計によるものであることを私は知っています( https://stackoverflow.com/a/14764732/954376 )。しかし、 data-rel='external' および data-ajax="false" を設定する解決策はうまくいきません。
ここに私の問題があります:私はマルチページAを持っています - ブラウザによってロードされたホームページ、それはサーバーから別の単一ページBをロードし、戻るボタンを介してページAに戻ることができます(data-rel = 'back ')。ページ B で更新を試みるまではすべてうまくいきました。戻るボタンを押すと、ページ A はサーバーからリロードされますが、最初のページ要素だけが DOM に挿入されるため、壊れています。
戻るボタンで data-rel='external' を使用したくありません。これは、通常の場合 (ページ B が更新されない場合) の素敵なスライド アニメーションが失われるためです。この問題を解決する最善の方法は何ですか?
1 つの方法を考えることができます: ページ A の最初のページに js のスニペットを追加し、読み込まれると、兄弟ページの div が DOM に存在するかどうかを確認し、存在しない場合は更新をトリガーします。しかし、これは醜い解決策です。もっとエレガントな方法があることを願っています(おそらくJQMのアップグレード?)
ありがとう!