我想将translation.json文件存储在这个项目中,并在接下来的18年前访问它们。不幸的是,我似乎无法正确实现resGetPath
属性。当我用resources
对象初始化插件时,它工作得很好。我猜json文件的路径或结构有问题,但我似乎在SO或i18next的任何论坛上都找不到类似的问题(大多数人的大型项目都是从服务器上提取的(。我想简单地根据用户选择的任何语言环境引用本地翻译文件。谢谢你抽出时间。
以下是translation.js的代码,它将fine加载到index.html:中
$(document).ready(function() {
i18next.init({
lng: 'en',
// resources: {
// en: {
// translation: {
// nav: {
// newInvoice: 'Hakuna Matata'
// }
// }
// }
// },
resGetPath:'../locales/{{lng}}/translation.json',
}, function (err, t) {
jqueryI18next.init(i18next, $, {
tName: 't', // --> appends $.t = i18next.t
i18nName: 'i18n', // --> appends $.i18n = i18next
handleName: 'localize', // --> appends $(selector).localize(opts);
selectorAttr: 'data-i18n', // selector for translating elements
targetAttr: 'i18n-target', // data-() attribute to grab target element to translate (if diffrent then itself)
optionsAttr: 'i18n-options', // data-() attribute that contains options, will load/set if useOptionsAttr = true
useOptionsAttr: false, // see optionsAttr
parseDefaultValueFromContent: true
});
$('#tempTarget').localize();
})
});
这是locales/en/translations.js:
{
"nav": {
"newInvoice": "somethaaaang"
}
}
这是我的目录:
index.html
locales
en
translation.json
这是html中正确以resources
对象为目标但不以reGetPath
属性为目标的行:
<a href="/new-invoice/" data-i18n='nav.newInvoice' id='tempTarget' class="panel-close">New Invoice</a>
resGetPath
来自旧的1.x.x天。。。现在看看插件:https://www.i18next.com/overview/plugins-and-utils#backends
就你而言https://github.com/i18next/i18next-xhr-backend--->i18下一步。使用(XHR(
您搜索的选项是backend.loadPath