

monacaのサンプルアプリのメモ帳にタブバーを実装したいです。（下に３つタブがついていてメモ帳アプリのトップ画面がタブの切り替え先にも表示され、メモ帳が１つのアプリに３つある感じ）

初心者なものでいろいろ調べてみたのですが、上手くタブバーとメモ帳を同じ画面に表示することができません。

回答のほどよろしくお願い致します。


CC BY-SA 3.0
2015-12-07T13:20:16.190
19721
2019-09-09T12:51:59.510
2019-09-09T12:51:59.510
32986
13528
question
monaca jquery-ui jquery-mobile
jQuery mobileでタブバーを実装したい


`TOP Page`の`</section>`のあとにナビゲーションバーをフッターとして追加してください。

[code]

    <!-- TOP Page -->
    <div data-role="page" id="TopPage">
        <header data-role="header" data-position="fixed" data-theme="c">
            <h1>Monaca Memo</h1>
            <a href="#AddPage" data-icon="plus" class="ui-btn-right">Add</a>
        </header>
        <section data-role="content">
            <ul id="TopListView" data-role="listview" data-collapsed-icon="arrow-r" data-expanded-icon="arrow-d" data-split-icon="delete">
            </ul>
        </section>
        <!-- 以下を追加 -->
        <div data-role="footer" data-position="fixed">
            <div data-role="navbar">
                <ul>
                    <li><a href="#" data-icon="home" class="ui-btn-active">Home</a></li>
                    <li><a href="#" data-icon="star">Favorite</a></li>
                    <li><a href="#" data-icon="gear">Settings</a></li>
                </ul>
            </div>
        </div>
    </div>
    
[/code]


CC BY-SA 3.0
2015-12-07T14:36:30.427
19724
2015-12-07T14:36:30.427
9566
19721
answer