0

我正在尝试在我的 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>

4

1 回答 1

0

我有一个使用积木的示例(绘制)

https://github.com/marti1125/Earthquake

尝试复制这个:https ://github.com/marti1125/Earthquake/blob/master/css/app.css

于 2013-11-19T22:12:32.160 回答