jQuery Mobile (JQM) 上一页

Posted 2023-05-09

【中文标题】jQuery Mobile (JQM) 上一页

【英文标题】：jQuery Mobile (JQM) previous page

【发布时间】：2018-03-11 04:19:33

【问题描述】：

我想实现一个滑动式导航“信息”，因为它们通常出现在应用程序的第一次启动时，...你知道：一系列信息屏幕你一个接一个地查看，点和屏幕底部的“退出”按钮，以便您可以随时放弃“信息/教程”。

我的问题是关于如何实现该退出功能，因为标准 JQM 的“后退”按钮链接不会将我带出这些“信息”页面，而是将我引导至上一个信息页面（如预期的那样）。

静态链接不是一种选择，因为用户可以从 APP 的多个页面调用该“信息/教程”。

另外，我不能使用“document.referrer”，因为它不能按预期工作。

最后，在 ui 参数 (ui.prevPage[0].baseURI) 检索“未定义”时，我找不到通过事件访问的方法

感谢您的宝贵时间。

最好的问候。

附： 我正在使用 JQM 1.4.5。

【参考方案1】：

回答自己：

在引荐页面（第一页）链接使用“href="page-two.html?referring=page-one"

在引用的页面（第二页）我们使用这样的脚本：

function startup()
     var location=document.URL;
     var exitLink =location.slice(location.lastIndexOf("=")+1,location.length)+".html";
     var elements=document.getElementsByClassName("infoExit");

     for(var i=0,j=elements.length;i<j;i++)
         elements[i].setAttribute("href",exitLink);
;

document.addEventListener("DOMContentLoaded",startup);

最好的问候。