5

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

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

当它们都在单独的 html 文件中时,如何让我的转换在页面之间工作?

谢谢

4

2 回答 2

3

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

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

更多相关信息可以在这里找到:http: //jquerymobile.com/test/docs/pages/page-links.html

于 2013-01-04T14:27:52.147 回答
0

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

<a href="link-here.html" data-rel="dialog" class="sb small Grid ui-link" data-transition="flip"></a>
于 2013-01-04T13:01:54.283 回答