jquery-mobile - 单击链接时 jQuery Mobile 强制完全重新加载

Question

我的 jqm 页面中有一个“正常”链接，如下所示:

<a href="http://www.mysite.com/mobile/page.php?attribute=value">

如果我单击它，考虑到属性值并根据属性值动态加载所需的所有内容，它将无法正确刷新。我知道这是由于 jqm 尝试执行像提到的那样的 ajax 调用 here :

 When you use pageChange an Ajax request will be made to that url and it will be
 loaded only the content inside the div with data-role="page". So everything you
 have out of this element will be ignored (JS and CSS).

所以，我在 docs 中找到了我应该在链接上使用 $.mobile.ajaxEnabled=false; 或 rel=external 或在链接上使用 target=_blank 。

对我来说奇怪的是，只有当我为链接设置 target=_blank 属性时，这种情况才会真正发生。那么，我想知道是否有人遇到过此类问题，您是如何解决的？问题是，我想避免使用 target=_blank ，因为它会在我的浏览器中打开一个新选项卡(正如预期的那样，但这从用户的角度来看并不好)。

我使用的jqm版本是1.2

Answer 1

这个问题现在位于谷歌搜索结果的顶部，所以我想回答:

使用 data-ajax 属性并将其设置为 false 以在单击链接时强制重新加载:

data-ajax="false"

像这样使用它:

<a href="/" data-ajax="false">
    <img id="mainLogo" src="logo.svg" width="215" />
</a>

然后您的链接将强制重新加载页面!

Linking without Ajax

Links that point to other domains or that have rel="external", data-ajax="false" or target attributes will not be loaded with Ajax. Instead, these links will cause a full page refresh with no animated transition. Both attributes (rel="external" and data-ajax="false") have the same effect, but a different semantic meaning: rel="external" should be used when linking to another site or domain, while data-ajax="false" is useful for simply opting a page within your domain from being loaded via Ajax. Because of security restrictions, the framework always opts links to external domains out of the Ajax behavior.

部分取自https://stackoverflow.com/a/22951472