web-dev-qa-db-ja.com

jQueryMobileの移行方向の変更

私はWebアプリに取り組んでおり、jQueryMobileを使用することにしました。問題は、私のWebサイトが右から左に書く言語であるペルシア語であるということです。すべてを逆にするrtl.cssスタイルシートを作成しましたが、デフォルトのスライドトランジションも逆にする必要があります。つまり、左から右にスライドし、データを追加するときに、逆ボタンまたは戻るボタンを右から左にスライドする必要があります。

これを手伝ってくれませんか。
ありがとう。

17
Sallar

ドキュメントはこちら を確認できます。

あなたの場合、あなたはこれを置くべきです:

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

別の方法 があります:リンクでdata-direction属性を使用できます。

例:

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

このようにグローバルに設定できると思います。jQueryMobileJSで次のステートメントを見つけることができます。

a.mobile.changePage.defaults

その行で、reverse:falsereverse:trueに変更できます。

32
Zakaria

マークアップの場合、これによりスライド効果が向上し、jQueryMobileがドキュメントで行うこととより一致するように見えます。

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

グローバルオプションはないと思いますが、すべてのページを繰り返して属性を追加することができます

data-direction="reverse"

jQMドキュメント:

しかし、@ Zakariaも有効な応答です

6
Phill Pafford