2012-09-13 75 views
1

我想加载一个页面的过渡效果点击链接。我已经使用jQuery Mobile。 以下是我的代码。jQueryMobile页面转换不加载页面,因为它应该

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

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

以下是我正在尝试加载的index.html的输出。

enter image description here

但问题是,当我点击过渡链接无法按预期加载索引页。加载的页面如下所示。

enter image description here

当我通过萤火虫发生了什么,我只是发现,而不是加载什么转变这样做,它是把输出链接页面(即的index.html)到第一页和应用CSS完整页面的第一页。

我想转换到加载索引页面正确与其所有的CSS不嵌入到页面链接被调用。

你能告诉我如何做到这一点。

回答

1

在默认情况下JQM当你链接到另一个页面JQM查找第一个JQM页面(without任何网页上的脚本或样式),其页面(data-role="page"),然后通过AJAX拉它和增强它并将其附加到当前页面的DOM。如果要完全加载而不是第二页,则需要将ajax-enabled设置为false(这是全局设置),或者在第二页的链接上添加属性data-rel="extrenal"

+0

但页面转换的支持,如果使用'数据rel'? –

+0

[No](http://jquerymobile.com/demos/1.1.1/docs/pages/page-links.html),只有当页面通过* ajax *获取时才支持页面转换(这是因为两页需要在DOM中启动转换)。 – Jack

+0

有没有办法在使用转换时保留第二页的CSS? –

0

添加在你的HTML链接标记以下属性:相对=“外部”

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