【问题标题】:How to create a tool bar using jquery mobile in android phonegap?如何在android phonegap中使用jquery mobile创建工具栏?
【发布时间】:2014-06-26 18:16:33
【问题描述】:

我使用的是 cardova 2.9.0,如何在标题下方创建一个固定工具栏。这类似于下图中突出显示的 Facebook 应用程序,

我需要固定工具栏,如何创建它?建议我任何插件或任何其他有效的方式来获得固定的工具栏。

【问题讨论】:

标签: android jquery jquery-ui jquery-mobile cordova


【解决方案1】:

对于固定工具栏尝试如下:

<div data-role="header" data-position="fixed">      
    <h1>Header</h1>
    <div data-role="navbar">
        <ul>
            <li><a href="#">One</a></li>
            <li><a href="#">Two</a></li>
            <li><a href="#">Three</a></li>
        </ul>
    </div><!-- /navbar -->
</div>

固定页眉和页脚参考这里FIDDLE DEMO

【讨论】:

  • 但是标题到固定的顶部网格栏之间有一个空格。如上图所示,网格栏应附加到标题。我们需要任何插件吗
  • 我也需要,但是你为什么要用css呢,html里没有.top吧
  • 我认为您需要修复内容,这就是我使用 CSS 的原因。我忘了删除现在可以了。jsfiddle.net/y4e6S/11
猜你喜欢
  • 2012-08-25
  • 2018-03-10
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-06-21
  • 1970-01-01
  • 2011-12-28
相关资源
最近更新 更多