1

我想使用 jqm 和 Phonegap 制作一个新的移动应用程序；我不明白如何获得在每次更改页面时都不会重新创建的固定标题。

这是jqm用于ajax调用的经典代码；但在每种情况下，标题都会重新加载。

<!-- Start of first page -->


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

<div data-role="content">    
    <p>The content</p>        
    <p>View internal page called <a href="#second">second</a></p>    
</div><!-- /content -->

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


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

<div data-role="content">    
    <p>I'm the second content</p>        
    <p><a href="#first">Back to first</a></p>    
</div><!-- /content -->

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

我不喜欢过渡效果；我只想修复标题（与本机应用程序类似）。

我看到了一些使用 Phonegap 制作的应用程序示例，其标题不会在每个页面的更改时重新加载。

你能帮助我吗？

4

2 回答 2

2

迪玛库兹米奇是正确的。为了扩展他所说的内容，有几件事对于这项工作很重要。

  • 在需要持久性的每个页面中，标头的 data-id 属性必须具有相同的值。
  • 每个持久标头都需要 data-position="fixed"。

此外，您似乎可以为每个页面的持久标题设置不同的主题，并且它仍然会在没有过渡的情况下持续存在；它只是改变了主题。

于 2013-11-15T03:12:27.737 回答
2

查看下一个链接http://jquerymobile.com/demos/1.3.0-rc.1/docs/demos/widgets/navbar/footer-persist-a.html

您只需要添加 data-id 和 data-position="fixed"：

<div data-role="header" data-id="my-header" data-position="fixed">

你可以在这里试试：http: //jsfiddle.net/dima_k/uwfHJ/

于 2013-07-20T16:07:04.933 回答