Я исследую, что возможно сi18next библиотека локализации.

Прямо сейчас у меня есть следующий код (полная скрипка здесь):

HTML

<div data-i18n="title"></div>
<input placeholder="Hello" value="name">
<div class="holder"></div>
<button class="lang" data-lang="en">Eng</button>
<button class="lang" data-lang="ch">Chi</button>

JS

$(document).ready(function () {
    i18n.init({
        "lng": 'en',
        "resStore": resources,
        "fallbackLng" : 'en'
    }, function (t) {
        $(document).i18n();
    });

    $('.lang').click(function () {
        var lang = $(this).attr('data-lang');
        i18n.init({
            lng: lang
        }, function (t) {
            $(document).i18n();
        });
    });
});

Переводит всеtext элементы, но проблема в том, что я не могу перевестиcustom attributes, Например, текст внутри div переводится, но я не могу понять, как я могу перевести пользовательские атрибуты, такие какplaceholder а такжеvalue.

Другая проблема связана с моим способом перевода. Всякий раз, когда кнопкаChi, Eng нажата, я инициализирую перевод (но я не уверен, что это правильный путь).редактировать Я думаю, что я нашел, как решить эту проблему (мне нужно использовать setLng):i18n.setLng(lang, function(t) { ... })