我正在尝试在我的 Firefox OS 应用程序中做一个抽屉菜单,基于 Firefox 团队的 Bulding Blocks:
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>