jquery-mobile - Jquery モバイルのネストされたリストと矛盾するページ テーマ

Question

jquery mobile には、ネストされたリストがあります。ネストされたリストが表示されると、ページは前のページと同じではありません。リスト「1.html」を表示するページは、data-theme="a" で、ヘッダーとフッターが適切です。ネストされたリストは data-theme="d" のように見えますが、フッターはなく、戻るボタンがあります。カスタム ボタンが必要ですか? ネストされたリストページがその父親のページと一致するように、これを修正する方法はありますか? ありがとう ：-）

Answer 1

バグ？jQuery Mobile のどのバージョンを使用していますか? バージョン 1.1.0 以降、ヘッダーの戻るボタンはデフォルトで無効になっています。この例をチェックしてくださいhttp://jquerymobile.com/demos/1.1.0/docs/lists/lists-nested.html

ボタン、フッター、テーマに関する 2 番目の質問について。

ボタンをレンダリングするには、次のようにテーマをリンクに配置してdata-role="button"追加するだけですdata-theme="a"

<a href="index.html" data-role="button" data-theme="a">Link button</a>

フッターを作成するには、ページ div 内に以下を配置する必要があります。

<div data-role="footer">
    <h4>Footer content</h4>
</div><!-- /footer -->

デモとして、テーマeが適用されたページを次に示します。

<div data-role="page" data-theme="e">

    <div data-role="header" data-theme="e">
        <h1>Single page</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <p>Some text here</p>
        <a href="index.html" data-role="button">Link button</a>       
    </div><!-- /content -->

    <div data-role="footer" data-theme="e">
        <h4>Footer content</h4>
    </div><!-- /footer -->

</div><!-- /page -->

ヒントとして、 http://jquerymobile.com/demos/1.1.0/で例を見て、ブラウザで [ページのソースを表示] を選択してコードを調べることができます。これが私が今JQMを学んでいる方法です。