如何在一定数量的页面链接后停止jQuery Mobile进行整页刷新?

时间:2012-01-18 10:35:47

标签: jquery-mobile

我的jQuery Mobile应用程序中有几个页面,它们都包含在单独的文件中。我有一种情况,第一页使用默认的Ajax转换过渡到第二页。当我从第二页单击Back按钮时,我得到一个正常的Ajax反向转换,第1页的表单上下文与我离开时相同,例如选择都是相同的。请注意,当我点击“返回”时,我看不到“正在加载...”#39;弹出消息。

我有第三页链接到第2页,我需要将其作为数据-ajax =" false"因为它包含必须扩展的Facebook Like标签。我发现如果我使用Ajax转换,则不会处理这些转换。我的问题是,在我完成了第3页的非Ajax链接之后,所有后续转换似乎都完全刷新了页面,尽管它们是Ajax,因为我看到了我的标准#Ajax加载'弹出。但因为它是一个整页刷新,我每次都会丢失我的表单上下文,包括从第2页返回到第1页。像这样:

第1页>第2页<第1页(一切正常,第1页与我离开时相同)

第1页>第2页>第3页<第2页<第1页(从2转换为1完全刷新,可能是好的)

第1页>第2页<第1页(每次重置第1页,与这2页的初始行为不同)

所以看起来通过非Ajax路由已经打破了第1页和第2页之间的链接,即使重新回到它们之后也是如此。

有没有人注意到这种行为或者可以建议修复它?请注意,我的所有页面都是正确的jQuery Mobile标记页面,其中包含页眉,页脚和带有data-role =" page"的div;我的后面链接是这些:

<a class="ui-btn-right" data-icon="back" data-rel="back" data-role="button" href="/">back</a>

1 个答案:

答案 0 :(得分:1)

如果您将以下属性 data-ajax =“false”应用于您的链接,例如

<a class="ui-btn-right" data-icon="back" data-rel="back" data-role="button" data-ajax="false" href="/">

那应该解决它。

http://jquerymobile.com/demos/1.0/docs/pages/page-links.html

中提及