javascript - 更改 jQuery Mobile 过渡方向

Question

我正在开发一个 Web 应用程序，我决定使用 jQuery Mobile。问题是我的网站是波斯语，这是一种从右到左的语言。我创建了一个 rtl.css 样式表，它可以反转所有内容，但我还需要反转默认的幻灯片过渡，这意味着它应该从左向右滑动，并且在添加数据反转或后退按钮时，它应该从右向左滑动。

你能帮我解决这个问题吗？
谢谢。

Answer 1

您可以查看 documentation here 。

在你的情况下，你应该这样写:

$.mobile.changePage( "nextPage.html", {
    transition: "slide",
    reverse: true
});

有another method :您可以在链接中使用data-direction 属性。

示例:

<a href="nextPage.html" data-transition="slide", data-direction: "reverse">Next page</a>

我认为您可以通过这种方式进行全局设置:您可以在 jQuery Mobile JS 中找到以下语句:

a.mobile.changePage.defaults

在该行，您可以将 reverse:false 更改为 reverse:true。