Перевести JQuery Mobile виджеты
С помощьюi18nextКак я могу перевести виджеты JQuery Mobile? В частности, яхотелось бы знать, как это сделать, не прибегая к использованиюdata-i18n-target
модифицировать сгенерированные внутренние элементы, потому что это хрупко, поскольку будущие версии виджетов могут изменить сгенерированный код.
Есть ли конкретное событие жизненного цикла страницы, на которое я могу подписаться, чтобы i18next мог изменить DOM до того, как произойдет преобразование виджета?
В этом примере (см.jsfiddle), некоторая разметка переведена правильно, ноhomeBtn
а такжеsubmitBtn
не:
HTML:
<a id="homeBtn" href="/" data-icon="home" data-i18n="">app.home</a>
app.title
app.label
<p data-i18n="">app.footer</p>
JavaScript:
var i18nOpts = {
resStore: {
dev: {
translation: {
app: {
button: 'Button',
home: 'Home',
label: 'Label',
footer: 'Footer',
title: 'i18n Test'
}
}
},
}
};
i18n.init(i18nOpts).done(function() {
$("html").i18n();
});