Jquery モバイルを初めて使用して、Web アプリの基礎として...
<aside>
すべてのページに要素があり、デスクトップ サイズでのみ表示しています。現在<div data-role="page">
、すべてのページの中にあります。
ページ全体の読み込みでは正常に表示されますが、デフォルトの AJAX/HIJAX メソッドを介してページが読み込まれると表示されません。何らかの理由で<aside>
(または以下のテストでは、正しくレンダリングされない別の div です)更新をクリックしない限り、表示されません (Web Inspector を介して DOM で確認できますが、レンダリングされていないだけです)。
<aside>
HIJAX ページがロードされても保持されるようにマークアップするにはどうすればよいですか?
テスト URL は次のとおりです: http://benfrain.com/test/
「ヘッダー 1」の下の「スラット 1」をクリックすると、ページ (stage2.html) が読み込まれます。ただし、そのページで「更新」をクリックすると、表示されるはずだったものが表示されます。
ただし、奇妙なことに、stage2.html を更新すると、そのページの「ヘッダー 2」の下にある「スラット 1」をクリックすると、stage3.html が正しく読み込まれ、すべてがそのまま保持されます。