jQuery Mobile - 如何从外部链接返回后正确加载页面



我创建了JQM网站,其中我使用了单页设计,这意味着我的索引.html首先加载所有.js,css等文件。 我剩下的页面是带有data-role="page"的简单 Div。

当我遍历网站时,浏览器 URL 正在更改,后退按钮也有效。 但问题是:

网站包含支付系统,为此,用户将从我的网站重定向到付款页面,成功/失败后,付款页面试图重定向回我网站的最后一个URL,如下所示:

http://<ip>:<port>/appName/pages/page-name.html

但这不会加载任何 CSS 或 JS 文件。

有什么方法可以保留最后一个会话吗? 请帮助我解决此问题。

提前致谢

在 JQM 中,不能直接链接到多页文档中的特定页面。

jQuery mobile的工作方式是,当你链接到一个包含多个页面的页面时,它将默认加载第一页。您将需要使用子页面插件使用 AJAX 加载页面

您应该分开页面或通过 AJAX(使用插件)预加载多页文档,然后作为内部页面链接到它

从文档

注: 不能链接到具有 Ajax 导航的多页文档 活动,因为框架只会加载它找到的第一个页面, 不是完整的内部页面集。在这些情况下,您必须链接 没有 Ajax(请参阅下一节)进行整页刷新以防止 潜在的哈希冲突。目前有一个子页面插件 可以加载多页文档

请务必注意,如果您从移动页面链接 通过 Ajax 加载到包含多个内部页面的页面, 您需要在链接中添加 rel="external" 或 data-ajax="false"。 这告诉框架执行整个页面重新加载以清除 URL 中的 Ajax 哈希。这是至关重要的,因为Ajax页面使用哈希 (#) 来跟踪 Ajax 历史记录,而多个内部页面使用 哈希表示内部页面,因此哈希中会有冲突 介于这两种模式之间。

最新更新