2

我正在开发一个使用 jQuery Mobile 和 JSONP 请求来更新内容的 Web 应用程序。项目要求之一是不能使用服务器端 Web 语言,因为目标是使用 PhoneGap 来构建 Web 应用程序。

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

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

4

1 回答 1

0

好吧,您可以从 Web 服务发送每个页面的页脚、页眉和内容,并更新页面。通过这种方式,您还可以动态更改(页眉/页脚)导航栏中的链接(例如,取决于用户是否登录。)

您可以使用pagebeforeshow事件来更新 HTML $(document).on("pagebeforeshow", function (event, data) { // });

于 2013-07-11T08:01:04.083 回答