2013-10-14 4 views
0

나는 파이어 폭스 팀의 빌딩 블록을 기반으로, 내 파이어 폭스 OS 응용 프로그램에 대한 서랍 메뉴를 수행하려고 : 내가 가지고있는 순간파이어 폭스 OS는 빌딩 블록과 서랍에서 선택을받을

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

메뉴를 표시하고 숨기는 메뉴 버튼이지만 사용자가 메뉴의 다른 항목을 클릭하면 다른 페이지로 변경할 수 없습니다. 이 코드

<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> 

답변