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

时间:2012-04-14 17:00:02

标签: javascript jquery html mobile jquery-mobile

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

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

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

1 个答案:

答案 0 :(得分:0)

您可以从每个页面的Web服务页脚,标题和内容发送,并更新页面。这样您还可以动态更改(页眉/页脚)导航栏中的链接(例如,取决于用户是否已登录或不。)

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