jQuery Mobile 导航栏

导航栏： data-role="navbar" 通常位于页眉或页脚（也可以位于内容中）

               由水平排列的链接构成，其中的链接会自动转换为按钮（无需data-role="button）

               当包含的链接按钮数>5时，会以多行（每行2个）显示

               链接的按钮图标定位： data-iconpos="left | right | top | bottom"   默认位于上方

               e.g.

            <div  data-role="header | content | footer"  >

                   <div  data-role="navbar"  data-iconpos="left">

                          <ul>

                                  <li><a  href="#anylink">index</a></li>

                                  <li><a  href="#anylink">page2</a></li>

                                  <li><a  href="#anylink">search</a></li>

                          </ul>

                   </div>

            </div>

活动按钮：class="ui-btn-active"   // 人工设置链接激活状态（链接被点击）

              class="ui-state-persist"  // 在切换页面时也仍能保持链接的原先状态（如被点击）

              <li><a  href="#otherlink"  class="ui-btn-active"  class="ui-state-persist">homePage</a></li>