我正在开发一个使用jQuery Mobile和JSONP请求来更新内容的Web应用程序。其中一个项目要求是没有服务器端Web语言,因为目标是使用PhoneGap来构建Web应用程序。
由于我无法使用include
之类的服务器端方法,我正在考虑通过AJAX将HTML页面的内容加载到data-role="content"
以便使用相同的页眉/页脚在所有页面中没有重复代码或通过JavaScript生成他。这种方法的问题在于我无法访问一些很酷的jQuery Mobile功能,例如元素自动初始化,页面转换,后退/前进浏览器按钮等。
通过JavaScript在所有jQuery Mobile页面中使用相同页眉/页脚的最佳方法是什么?
答案 0 :(得分:0)
您可以从每个页面的Web服务页脚,标题和内容发送,并更新页面。这样您还可以动态更改(页眉/页脚)导航栏中的链接(例如,取决于用户是否已登录或不。)
您可以使用 pagebeforeshow 事件来更新HTML $(document).on(“pagebeforeshow”,function(event,data){ // });