我正在与 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/