我正在使用 jQuery Mobile,并且对于每个页面,我都链接到单独的 html 文件。由于这样做,我的转换在更改页面时都不起作用,例如翻转不起作用:-
<a href="link-here.html" rel="external" class="sb small Grid ui-link" data-transition="flip"></a>
当它们都在单独的 html 文件中时,如何让我的转换在页面之间工作?
谢谢
我正在使用 jQuery Mobile,并且对于每个页面,我都链接到单独的 html 文件。由于这样做,我的转换在更改页面时都不起作用,例如翻转不起作用:-
<a href="link-here.html" rel="external" class="sb small Grid ui-link" data-transition="flip"></a>
当它们都在单独的 html 文件中时,如何让我的转换在页面之间工作?
谢谢
您的问题是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
我认为这可以解决您的问题:
<a href="link-here.html" data-rel="dialog" class="sb small Grid ui-link" data-transition="flip"></a>