4

我目前正在使用 jquery 移动框架创建 phonegap 应用程序。

我有多个页面，如下所示：

  • index.html（全局布局）
  • home.html（主页）
  • settings.html（设置页面）
  • ...

我想在每个页面上都有导航栏，并在每个页面（主页，设置......）上保留它而不重复它，我不知道为什么我不能这样做（比如 include header.html ？或设置导航栏在全球布局中？）。我使用页面之间的链接在我的应用程序中浏览

<a href="home.html" data-transition="slide">Home</a>

我该怎么做才能保留我的导航栏？

谢谢，

4

2 回答 2

6

试试这篇文章，它将一个通用页脚附加到一个通用 html 文件的所有页面。

$('[data-role=page]').live('pageshow', function (event, ui) {
     $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){
           $("#" + event.target.id).find("[data-role=navbar]").navbar()
     });
});

有关更多信息，请参阅这篇文章 - Jquery Mobile Same Footer on different Pages

于 2012-06-26T04:16:54.833 回答
1

您必须在每个data-role="page". 像这样Js Fiddle Work Out

或者按照 dhaval 的建议，通过 ajax 在每个页面上插入它：但是除非你有很多标签，否则你不会获得太多

Js 小提琴锻炼

于 2012-06-26T04:16:31.513 回答