-1

お世話になります。

メモ帳のサンプルに、タブのサンプル機能を追加したいと思っております。

<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を作成すればできるかと思ったのですができません。

初歩的な質問で大変申し訳ありませんが、回答をお願いいたします。

2
  • メモ帳のサンプルとはこれ( docs.monaca.mobi/cur/ja/sampleapp/samples/memo_application/… )のことですか?私の方で質問文を修正しましたが、違うのであれば分かりやすいように修正してください。
    – user10259
    Commented 2016年1月14日 3:57
  • メモ帳のサンプルがメモ帳アプリのことであれば、こちらはjQuery Mobileを使用します。ons-tabbarというのはOnsen UIを使用します。UIフレームワークが違いますので、タブの実現方法もそれぞれのやり方があります。ちなみにメモ帳アプリにはOnsen UIがコンポーネントとして追加されていませんが、追加したとしても上記コードをコピーしただけでは動きませんし、動くかどうかもわかりません。jQuery Mobileでタブを実現するか、メモ帳アプリOnsen UIに置き換え、タブをons-tabbarで実現するかのどちらかだと思います。
    – otak-lab
    Commented 2016年1月15日 9:03

1 件の回答 1

0

この情報だけでは推測になってしまいますが、
恐らく対象ページでOnsen UIを適用していないと思われます。

以下の様な記述は対象ページに書かれていますか?

<link rel="stylesheet" href="css/onsenui.css">

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。