jQueryMobile页面转换没有加载页面应该如此

Question

我正在尝试在点击链接时加载具有过渡效果的页面。我使用过 jQuery Mobile 。 以下是我的代码。

<a href="index.html" data-transition="slide">Transition</a>

点击过渡链接 index.html 页面应加载显示过渡效果。

以下是我要加载的 index.html 的输出。

但问题是，当我点击转换链接时，索引页面未按预期加载。加载的页面如下所示。

当我查看firebug正在发生的事情时，我发现不是加载完整页面正在进行的转换，而是将链接页面（即index.html）的输出放入第一页并将第一页的css应用于它。

我希望转换正确加载索引页面，其所有css不会将其嵌入到页面链接中调用。

请告诉我如何实现这一目标。

Answer 1

在JQM中，默认情况下，当您链接到另一个页面时，JQM会在该页面（data-role="page"）上查找第一个JQM页面（without该页面上的任何脚本或样式），然后通过< em> ajax 拉出它并增强它并将其附加到当前页面的DOM。如果你想完全加载第二页，那么你需要将ajax-enabled设置为false（这是一个全局设置）或者链接到第二页添加属性data-rel="extrenal"。

Answer 2

在html链接标记中添加以下属性：rel =“external”

<a href="index.html" data-transition="slide" rel="external">Transition</a>