Jquery移动导航栏到侧栏答案

【问题标题】：Jquery mobile Nav bar to side barJquery移动导航栏到侧栏
【发布时间】：2013-12-13 14:10:14
【问题描述】：

我使用以下链接创建了一个简单的粘性导航栏

http://jquerymobile.com/demos/1.2.1/docs/toolbars/docs-navbar.html

现在导航栏总是水平放置。我希望导航栏垂直定位。有没有一种简单的方法可以做到这一点。我不想使用额外的插件。一个简单的 css 或 jquery 代码来定位导航栏，就像列表图标视图一样。

我正在尝试实现此链接中的导航栏

https://www.paultrifa.com/~enabled1/envato/themeforest/side/blue/preview/

问候，

麦克莱恩·莫里斯·平托

【问题讨论】：

为什么不用listview？
因为我想使用导航栏提供的 jquery mobile 的默认图标视图
无论您是否使用导航栏，您始终可以使用这些图标。 jquerymobile.com/demos/1.2.1/docs/buttons/buttons-icons.html
列表视图不提供。我试过了。我没有得到任何图标
下面我的回答能解决你的问题吗？

标签： jquery css jquery-mobile

【解决方案1】：

<div data-role="page">

  <div data-role="header">
    <h1>Page Title</h1>
  </div><!-- /header -->

  <div data-role="content"> 
    <p>Page content goes here.</p>    

    <fieldset data-role="controlgroup">
      <a data-icon="grid" data-role="button" href="#">abc</a>
      <a data-icon="star" data-role="button" href="#">abc</a>
      <a data-icon="gear" data-role="button" href="#">abc</a>
    </fieldset>
  </div><!-- /content -->

  <div data-role="footer">
    <h4>Page Footer</h4>
  </div><!-- /footer -->
</div><!-- /page -->

【讨论】：