【问题标题】: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 -->

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-05-31
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多