javascript - i18next 本地化和 javascript

标签 javascript php jquery i18next

我正在与 i18next 合作JavaScript 本地化。由于我结合了 PHP 和 javascript,并且需要 3 种语言(en、de、fr)的本地化,所以我面临一个小问题。今天我开始第一次使用 i18next 库,在翻译 div、ul 等普通标签时一切正常。我面临的问题是图片。由于我需要为每种语言提供不同的图片,因此我不确定 i18next 库是否可以在标签参数中设置值。例如:

document.write('<form action="dropzone.php" enctype="multipart/form-data" class="dropzone" style="background-image: url(languages/fr/design.png);" method="post"><div class="fallback" data-i18n="design"><input name="file" type="file" multiple /></div></form>');    

这里我需要改变的是样式,这部分:

style="background-image: url(languages/fr/design.png);"

这并不总是相同的,design.png 图像根据 url 的语言设置而有所不同,例如:

localhost/designer/box/test.php?lang=fr

有没有办法使用 i18next 库来更改此设置,以针对每个 lang 不同的图像路径,如下所示:

url(languages/en/design.png)
url(languages/de/design.png)
url(languages/fr/design.png)

在document.write里面?或者有没有办法从 javascript 中的 url 中的 lang 参数获取值(没有正则表达式,这就像我最后一个使用正则表达式的解决方案)?

最佳答案

根据i18next doc ,您可以使用 i18next.language 获取 i18next 当前使用的语言。

var lang = i18next.language
var style="background-image: url(languages/"+ lang +"/design.png);"
console.log(style);    

jsfiddle 上的示例

关于javascript - i18next 本地化和 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24387425/

相关文章:

javascript - jquery 验证显示错误信息

Javascript/jQuery,if 和 else 语句都被执行

php - 在 PHP 中增加日期的最简单方法?

php - 将 Firebase token 发送到自己的服务器不起作用

Javascript 通过 div 中的元素递增?

javascript - 单击后如何关闭此菜单

Javascript 淡入淡出动画在 Firefox 或 Chrome 中不起作用

php - 从 error_handler 访问变量

jQuery 打开以固定大小为中心的新窗口

javascript - 多种表单一个ajax函数