すべてのページが次の構造を持つ単純なjqueryモバイルアプリケーションがあります。
<div data-role="page">
<div data-role="header">...</div>
<div data-role="content">
<div class="content-primary">...</div>
<div class="content-secondary">...</div>
</div>
<div data-role="footer">...</div>
</div>
これcontent-secondary
は、jquery モバイルのドキュメントによく似た左側のサイドバーです。この二次的なコンテンツは変更されることはありませんが、非常に大きく複雑になる可能性があります (すべてのページでリロードするにはコストがかかります)。jqmドキュメントのようにすべてのページに同じ dom 要素を含める必要はありません。存在しない場合にのみロードし、ページ遷移ごとに移動する必要があります。これを行う方法に関するヒントはありますか?