2013-10-14 20 views
0

我想在我的Firefox OS的应用程序做一个抽屉菜单,总部设在从Firefox团队BULDING块:的Firefox OS从积木抽屉得到选择

http://buildingfirefoxos.com/building-blocks/drawer.html

目前,我有显示和隐藏菜单的菜单按钮,但当用户单击菜单中的其他项目时,我无法切换到其他页面。

有了这个代码,我可以看到1,当应用开始,但第2页没有加载,当我在菜单中选择按钮“2页”

<section id="index" data-position="current"> 
    <section data-type="sidebar"> 
    <header> 
     <menu type="toolbar" /> 
     <a href="#"></a> 
     </menu> 
     <h1>My Menu</h1> 
    </header> 
    <nav> 
     <ul> 
      <li> 
       <a href="#page1">page 1</a> 
      </li> 
      <li> 
       <a href="#page2">page 2</a> 
      </li> 
     </ul> 
    </nav> 
</section> 

<!-- Page 1 --> 
<section id="drawer" class="skin-dark" role="region"> 
    <header class="fixed"> 
     <a href="#"><span class="icon icon-menu">hide sidebar</span></a> 
     <a href="#drawer"><span class="icon icon-menu">show sidebar</span></a> 
     <h1>Page 1</h1> 
    </header> 
    <article class="content scrollable header"> 
     <section id="page1_list" data-type="list"></section> 
    </article> 
</section> 

<!-- Page 2 --> 
<section id="drawer" class="skin-dark" role="region"> 
    <header class="fixed"> 
     <a href="#"><span class="icon icon-menu">hide sidebar</span></a> 
     <a href="#drawer"><span class="icon icon-menu">show sidebar</span></a> 
     <h1>Page 2</h1> 
    </header> 
    <article class="content scrollable header"> 
     <section id="page2_list" data-type="list"></section> 
    </article> 
</section> 

回答