更改jQuery Mobile转换方向

Question

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

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

Answer 1

您可以在此处查看文档.

在你的情况下,你应该把它:

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

还有另一种方法:您可以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

我不认为有全局选项,但您可以遍历所有页面并添加属性

data-direction="reverse"

jQM文档:

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