更改jQuery Mobile转换方向

Question

我正在开发一个网络应用程序，我决定使用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。

Answer 2

对于标记，这似乎提供了更好的幻灯片效果，也更符合jQuery Mobile在其文档中的作用。

<a href="#main" data-transition="slide" data-direction="reverse">

Answer 3

我认为没有Global选项，但您可以遍历所有页面并添加属性

data-direction="reverse"

jQM文档：

• http://jquerymobile.com/demos/1.0.1/docs/pages/page-transitions.html

但@ Zakaria也是一个有效的回复