jQuery Mobile在链接到外部html页面时使用转换。过渡不起作用

时间:2013-01-04 12:53:09

标签: jquery html css jquery-mobile mobile

我正在使用jQuery Mobile,并且每个页面都链接到单独的html文件。由于这样做,在更改页面时没有任何转换工作,例如,翻转不起作用: -

<a href="link-here.html" rel="external" class="sb small Grid ui-link" data-transition="flip"></a>

当页面全部位于不同的html文件中时,如何让我的转换在页面之间工作?

由于

2 个答案:

答案 0 :(得分:3)

您的问题是 rel =“external” ,它导致整页加载而没有过渡效果。如果您没有在域外打开页面,则不应该使用它。如果您使用 data-ajax =“false” 关闭ajax,也会发生同样的事情。

  

指向其他域或具有rel =“external”,data-ajax =“false”或目标属性的链接将不会加载Ajax。相反,这些链接将导致整页刷新而没有动画过渡。两个属性(rel =“external”和data-ajax =“false”)具有相同的效果,但是在链接到另一个站点或域时应使用不同的语义:rel =“external”,而data-ajax =“ false“对于简单地选择域中的页面通过Ajax加载非常有用。由于安全性限制,框架始终选择从Ajax行为中链接到外部域。

有关详细信息,请访问:http://jquerymobile.com/test/docs/pages/page-links.html

答案 1 :(得分:0)

我认为这可以解决您的问题:

<a href="link-here.html" data-rel="dialog" class="sb small Grid ui-link" data-transition="flip"></a>