如何自動更改站點方向LTR \ RTL？

我希望做我的網站雙語（阿拉伯語\英語），這是平均值2個不同方向如何自動更改站點方向LTR RTL？

英語=> LTR「從左到右」阿拉伯語=> RTL「從右至左」

所以，我需要一個「Like Facebook」腳本，當用戶選擇阿拉伯語言時，網站會將整個模板+文本更改爲RTL，而選擇英文時則完全相反。

感謝&最好的問候，

PS我搜索在這個論壇上針對這種情況，但我沒有找到有用的信息，所以如果有一個帖子在談論同樣的問題，它的[已解決]請把下面的鏈接。

2017-06-02 Jefferson X Masonic

這是你處理服務器端的東西，通過檢查HTTP頭'接受-Language'，然後用相應的語言環境，這可能會響應包括特定於語言環境的CSS指令，例如'direction：rtl' –

**請檢查此** => https://stackoverflow.com/questions/11787351/use-text-align-smartly-if-english-dir-ltr-if -arabic-dir-rtl和**這是一個工作演示** => http://jsfiddle.net/ThinkingStiff/Hcx6H/ –

Hii bro這裏是我的示例頁面www.geofrey.texpoldev.com我希望此頁面支持LTR和RTL，並且用戶可以使用菜單項之一在rtl和ltr之間切換，例如更改爲rtl，how我可以做到這一點嗎？ –

您需要從服務器按語言加載內容。如果你想改變方向，在這種情況下，簡單地如果需要RTL不是把這個CSS

direction: rtl;

，當你需要LTR然後

direction: ltr;

更新

你可以做到這一點

如果你想改變按鈕點擊的方向比嘗試這個

CSS

.rtl-direction { 
    direction: rtl; 
} 
.ltr-direction { 
    direction: ltr; 
}

腳本

$('button').click(function(){ 
    $('body').toggleClass(function(){ 
     return $(this).is('.rtl-direction, .ltr-direction') ? 'rtl-direction ltr-direction' : 'rtl-direction'; 
    }) 
})

來源

2017-06-02 05:16:59 Manoj

我希望有RTL和LTR的按鈕，以便用戶可以根據需要切換如何實現這一點？ –

用css寫一個類的按鈕用上面的建議 –

可以請你提供我的例子，雖然新手雖然 –

如何自動更改站點方向LTR \ RTL？

回答

相關問題