

ずぶの初心者である私は、Onsen UI Sliding Menuを使用し、タッチしたらページを表示するだけの非常に初歩的なアプリ製作に挑戦しています。

質問の内容  
Onsen UI Sliding Menuの１ページに表を作成して表をクリックしたら詳細ページにジャンプするというものを動作させたいと思っています。  
しかし、表を作成したあとのリンクの貼り方がよくわかりません。自分なりに調べて、

[code]

    <TD><A HREF=hoge.html">hoge</A></TD>
    
[/code]

と記述したら、UIが解除された文字のみのページに飛んでしまいました。  
Onsen UI Sliding Menuの構成を維持したままジャンプさせる方法を教えてください。

非常に初歩的な質問になってしまって恐縮です。


CC BY-SA 3.0
2015-02-21T18:06:16.953
6883
2015-02-22T04:36:26.937
question
monaca onsen-ui
Onsen UI Sliding Menu使用時のテーブルリンクについて


Onsen UIを使用されているのであれば、<ons-list>を使用すると良いと思います。

[code]

    <ons-list>
        <ons-list-item modifier="chevron" onclick="slider.setMainPage('page2.html')">
        ページが変わります。
        </ons-list-item>
        <ons-list-item modifier="chevron" onclick="ons.navigator.pushPage('page2.html')">
        ページがスライドして変わります。
        </ons-list-item>
    </ons-list>  
    
[/code]

上記の

[code]

    onclick="app.slidingMenu.setMainPage('page2.html')"  
    
[/code]

の **app.slidingMenu** には index.html の下記で指定した文字列が入ります。

[code]

    <ons-sliding-menu var="app.slidingMenu"
    
[/code]


CC BY-SA 3.0
2015-02-22T04:36:26.937
6904
2015-02-22T04:36:26.937
3516
6883
answer