改变jQuery Mobile转场方向

Question

17

我正在开发一个网页应用程序，决定使用jQuery Mobile。问题是我的网站使用的是从右到左的波斯语言。我已经创建了一个rtl.css样式表来反转一切，但我还需要反转默认的幻灯片转换效果，也就是说，它应该从左向右滑动，并且在添加data-reverse或返回按钮时应该从右向左滑动。

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

- Sallar

3个回答

14

对于标记来说，这似乎提供了更好的滑动效果，并且更符合jQuery Mobile在其文档中所使用的方式。

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

- leojh

谢谢，这是正确的语法。被接受的答案需要进行编辑。 - Greg

6

我认为没有全局选项，但您可以遍历整个页面并添加属性。

data-direction="reverse"

jQM文档:

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

- Phill Pafford

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Zakaria · Accepted Answer

您可以查看此处的文档。

在您的情况下，您应该这样做：

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

例如：

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

我认为你可以这样全局设置：在jQuery Mobile JS中可以找到以下语句：

a.mobile.changePage.defaults

在那一行代码中，你可以将reverse:false改为reverse:true。