html - Firefox OS はビルディング ブロックを使用してドロワーから選択を取得します

Question

Firefox チームの Bulding Blocks に基づいて、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>