お世話になります。
メモ帳のサンプルに、タブのサンプル機能を追加したいと思っております。
<ons-tabbar>
<ons-tab icon="home" label="Home" page="StopWatch.html" active="true"></ons-tab>
<ons-tab icon="comment" label="Comments" page="page2.html"></ons-tab>
<ons-tab icon="gear" label="Settings" page="page3.html"></ons-tab>
</ons-tabbar>
上記をコピーし、該当HTMLを作成すればできるかと思ったのですができません。
初歩的な質問で大変申し訳ありませんが、回答をお願いいたします。
メモ帳アプリ
のことであれば、こちらはjQuery Mobile
を使用します。ons-tabbar
というのはOnsen UI
を使用します。UIフレームワークが違いますので、タブの実現方法もそれぞれのやり方があります。ちなみにメモ帳アプリ
にはOnsen UI
がコンポーネントとして追加されていませんが、追加したとしても上記コードをコピーしただけでは動きませんし、動くかどうかもわかりません。jQuery Mobile
でタブを実現するか、メモ帳アプリ
をOnsen UI
に置き換え、タブをons-tabbar
で実現するかのどちらかだと思います。