2017-02-15 104 views
0

我很难通过点击一个按钮来翻译​​所有页面中的内容。我想在主页上有一个按钮,当用户选择这个按钮包含的一种语言时,所有页面中的所有内容都将以这种语言显示。现在,我只知道如何在一个页面上做到这一点(创建按钮,当你点击,你会得到用这种语言翻译的文本,但只有在这个页面)。而且,我不使用PHP。谢谢!如何让我的网站使用多种语言?

+0

您使用Google Translate plugin或Bing Translate plugin来达到同样的目的 –

回答

0

我看到你正在使用Jquery,有很多方法来翻译一个网站,但他们都转向相同的机制。你需要一个翻译器和一个语言文件。
最简单的方法是使用jquery插件translate.js。这是一个易于使用的插件,可以让你翻译你的网站。
这是很简单的,你加trn类的元素你要添加:
<span class="trn">Text to translate</span>
然后添加一个data属性要转化为关键。例如:
<span class="trn" data-trn-key="Hello world"></span>


你的语言文件是相当简单为好,与第一键为您trn-key然后另一个对象与你想要的语言简单的Javascript对象翻译您的钥匙。例如:

var lang = { 
    "helloworld": { 
     en: "Hello World", 
     fr: "Bonjour monde" 
    }, 
    /*...*/ 
} 

该插件将取代与所选郎跨度的innerHTML。