在所有jQuery Mobile页面中使用相同的页眉/页脚

我正在开发一个使用jQuery Mobile和JSONP请求更新内容的Web应用程序。项目要求之一就是无法使用服务器端Web语言，因为目标是使用PhoneGap来构建Web应用程序。在所有jQuery Mobile页面中使用相同的页眉/页脚

由于我不能使用服务器端方法，如include，我想通过AJAX将HTML页面的内容加载到data-role="content"，以便在所有页面中使用相同的页眉/页脚而不复制代码或通过JavaScript生成他。这种方法的问题是，我失去了一些很酷的jQuery Mobile的功能的访问，比如元素自动初始化，页面转换，前进/后退浏览器按钮等

什么是使用相同的页眉/页脚的最佳方式在所有的jQuery Mobile页面通过JavaScript？

来源

2012-04-14 Diogo Cardoso

你不能利用服务器端的东西来重用你的代码吗？ – 2012-04-14 20:01:22

看看我的答案在这里： http://stackoverflow.com/questions/9152446/creating-templated-persistant-header-footer-template-in-jquery-mobile-and-phoneg/9204896#9204896 – bmurmistro 2012-04-14 23:49:45

@KrisKrause不，对不起，我忘记提及了。我已经更新了这个问题。 – 2012-05-05 01:30:56

那么您可以从网页服务页脚，标题和每页内容发送，并更新页面。这样您还可以动态更改（页眉/页脚）导航栏中的链接（例如，取决于用户是否已登录或者没有）

您可以使用pagebeforeshow事件来更新HTML 的$（document）。在（ “pagebeforeshow” 功能（事件数据）{// } ）。

来源

2013-07-11 08:01:04 Motoo

在所有jQuery Mobile页面中使用相同的页眉/页脚

回答

相关问题