0

編集: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>

ご覧のとおり、コンテンツだけでなく、ヘッダー、コンテンツ、フッターをコンテンツ ラップでラップします。強制的に正しく動作させるにはどうすればよいですか?

4

0 に答える 0