更改 jQuery Mobile 过渡方向

Posted 2023-03-31

【中文标题】更改 jQuery Mobile 过渡方向

【英文标题】：Changing jQuery Mobile transition directions

【发布时间】：2012-01-29 14:29:48

【问题描述】：

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

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

【参考方案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。

【讨论】：

谢谢，难道没有办法全局逆转一切吗？

谢谢，这就是我想要的:)

编辑：direction: "reverse" 改为 data-direction="reverse"

【参考方案2】：

对于标记，这似乎提供了更好的幻灯片效果，并且更符合 jQuery Mobile 在他们的文档中所做的。

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

【讨论】：

谢谢，这是正确的语法。接受的答案需要编辑。

【参考方案3】：

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

data-direction="reverse"

jQM 文档：

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

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