1

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

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

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

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

在此处输入图像描述

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

在此处输入图像描述

当我通过萤火虫查看正在发生的事情时,我发现不是加载完整页面,而是将链接页面(即 index.html)的输出放入第一页并将第一页的 css 应用到它。

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

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

4

2 回答 2

1

默认情况下,在JQM中,当您链接到另一个页面data-role="page",JQM会在该页面(当前页面。如果您想完全加载第二个页面,那么您需要设置为(这是一个全局设置)或在第二个页面的链接上添加属性data-rel="extrenal"ajax-enabledfalse

于 2012-09-13T14:48:00.663 回答
0

在您的 html 链接标签中添加以下属性:rel="external"

<a href="index.html" data-transition="slide" rel="external">Transition</a>
于 2016-01-07T10:28:17.663 回答