編集:data-position="fixed"
ヘッダーに追加するだけで、コンテンツとは別のラッパーによってカプセル化されるようになりました。
パネルのドキュメントによると、パネルはページ内のヘッダー、コンテンツ、およびフッター要素の兄弟でなければなりません。だから、これは私の基本的なマークアップです(大幅に削除されています):
<body>
<div data-role="panel"></div>
<div data-role="header"></div>
<div data-role="content"></div>
<div data-role="footer"></div>
</body>
ただし、JQM が DOM を再レンダリングすると、次のように作成されます。
<body>
<div data-role="page">
<div data-role="panel"></div>
<div class="ui-panel-content-wrap ...">
<div data-role="header"></div>
<div data-role="content"></div>
<div data-role="footer"></div>
</div>
</div>
</body>
ご覧のとおり、コンテンツだけでなく、ヘッダー、コンテンツ、フッターをコンテンツ ラップでラップします。強制的に正しく動作させるにはどうすればよいですか?