Jquery移动导航栏到侧栏

时间:2013-12-13 04:56:48

标签: jquery css jquery-mobile

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

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

现在Navbar始终水平放置。我希望导航栏垂直放置。有一种简单的方法可以做到这一点。我不想使用额外的插件。一个简单的css或jquery代码,用于定位导航栏,如列表图标视图。

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

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

此致

Maclean Maurice pInto

1 个答案:

答案 0 :(得分: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 -->