0

我正在使用 phonegap 和 jquery mobile 来构建一个应用程序。到目前为止,一直在使用“一个 html 文件中的所有页面”,但是该项目将非常大,并且将所有页面都放在一个文件中会很糟糕。所有页面都在文件 index.html 中,只有一个在mentions.html 中称为提及。

当从 index.html 的页面“仪表板”转到mentions.html 上的“提及”是可以的,转换顺利。但是,当单击后退按钮时,它会转到带有 No transiction 的仪表板页面。

这是我的按钮:

 <a href="#dashboard" data-role="button" id="mentions-back-button" class="">Dashboard</a>
4

1 回答 1

0

使用 jQuery Mobile 的后退按钮链接

<a href="#" data-rel="back" data-role="button" id="mentions-back-button" class="">Dashboard</a>

“返回”按钮链接 如果您在锚点上使用属性 data-rel="back",则对该锚点的任何点击都将模仿返回按钮,返回一个历史条目并忽略锚点的默认 href。这在使用 JavaScript 生成“后退”按钮时特别有用,例如关闭对话框的按钮。在源标记中使用此功能时,虽然支持此功能的浏览器不会使用指定的 href 属性,但请务必提供一个实际指向引用页面 URL 的有意义的值,以允许该功能在C 级浏览器。如果用户可以从多个引用页面访问此页面,请指定合理的 href,以便所有用户的导航保持逻辑。还,请记住,如果您只想要一个反向转换而不实际返回历史,您应该使用 data-direction="reverse" 属性。注意: data-direction="reverse" 意味着简单地运行将在该页面更改时运行的过渡的向后版本,而 data-rel="back" 使链接在功能上等同于浏览器的后退按钮和所有标准后退按钮逻辑适用。将 data-direction="reverse" 添加到带有 data-rel="back" 的链接不会反转反向页面转换并产生转换的“正常”版本。旨在简单地运行将在该页面更改时运行的过渡的向后版本,而 data-rel="back" 使链接在功能上等同于浏览器的后退按钮,并且所有标准后退按钮逻辑都适用。将 data-direction="reverse" 添加到带有 data-rel="back" 的链接不会反转反向页面转换并产生转换的“正常”版本。旨在简单地运行将在该页面更改时运行的过渡的向后版本,而 data-rel="back" 使链接在功能上等同于浏览器的后退按钮,并且所有标准后退按钮逻辑都适用。将 data-direction="reverse" 添加到带有 data-rel="back" 的链接不会反转反向页面转换并产生转换的“正常”版本。

于 2012-11-30T19:50:02.217 回答