我正在使用 jQuery Mobile，并且对于每个页面，我都链接到单独的 html 文件。因为这样做我的转换在更改页面时都不起作用，例如翻转不起作用：-
<a href="link-here.html" rel="external" class="sb small Grid ui-link" data-transition="flip"></a>
当页面都在单独的 html 文件中时，如何让我的转换在页面之间工作？
谢谢
【问题讨论】：
标签： jquery html css jquery-mobile mobile
您的问题是 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>
【讨论】：