Jquery mobile jQueryMobile页面转换未按应有方式加载页面

我正在尝试加载一个链接点击后具有转换效果的页面。我使用了jquerymobile。 下面是我的代码

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

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

下面是我试图加载的index.html的输出

但问题是，当我单击“转换”链接时，索引页面并没有按预期加载。加载的页面如下所示

当我浏览firebug时，我发现转换所做的不是加载完整的页面，而是将链接页面（即index.html）的输出放入第一个页面，并将第一个页面的css应用到它

我想过渡到加载索引页面正确的所有css，而不是嵌入到页面链接是从调用它

---

您能告诉我如何实现这一点吗。

在JQM中，当您链接到另一个页面时，默认情况下JQM会在该页面（

data role=“page”

）上查找第一个JQM页面（该页面上的任何脚本或样式），然后通过ajax将其提取并增强，并将其附加到当前页面的DOM。如果要完全加载第二个页面，则需要将

ajax enabled

设置为

false

（这是一个全局设置），或者在第二个页面的链接上添加属性。

在链接到另一个页面时，默认情况下JQM会查找第一个JQM页面（该页面上的任何脚本或样式）在该页面（

data role=“page”

）上，然后通过ajax将其拉入并增强，并将其附加到当前页面的DOM。如果要完全加载第二个页面，则需要将

ajax enabled

设置为

false

（这是一个全局设置），或者在第二个页面的链接上添加属性。

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

---

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

但是如果使用了

数据rel

，是否支持页面转换？只有通过ajax获取页面时才支持页面转换（这是因为两个页面都需要在DOM中才能启动转换）。有没有办法在使用转换时保留第二个页面的CSS？您尝试过本机元素吗？data enhance=“false”这可能就是您正在查找的内容for@Sandy正如@PhillPafford刚才提到的，您可以使用

dataenhanced=“false”

属性，它告诉JQM不要增强该容器中的元素。然后，您可以按照自己的意愿设置该页面的样式。但是，如果使用了

data rel

，是否支持页面转换？只有通过ajax获取页面时，才支持页面转换（这是因为两个页面都需要在DOM中才能启动转换）.有没有一种方法可以在使用转换时保留第二页的CSS？您尝试过本机元素吗？data enhance=“false”这可能就是您正在查找的内容for@Sandy正如@PhillPafford刚才提到的，您可以使用

dataenhanced=“false”

属性，它告诉JQM不要增强该容器中的元素。然后，您可以根据需要设置该页面的样式

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