Статический HTML – локализация с использованием jquery.i18n.js не работает ⇐ Jquery

[Anonymous]

Я попытался сделать простой HTML-тест, в котором контент будет переведен на определенные языки с использованием библиотеки jquery.i18n.js. Частично он работает, то есть текст по умолчанию (на английском языке) загружается, а переключатель языка — нет.
мой jsfiddle находится здесь:
https://jsfiddle.net/g8uwotsx /12/
HTML-код:

Код: Выделить всё

[list]
[*][url=#]EN[/url]
[*][url=#]PL[/url]
[*][url=#]FR[/url]
[*][url=#]DE[/url]
[*][url=#]IT[/url]
[*][url=#]ES[/url]
[*][url=#]RU[/url]
[/list]





placeholder

JS-код:

Код: Выделить всё

jQuery(function() {
$.i18n().load( {
'en': {
'app-title': 'english headline'
},
'it': {
'app-title': 'italian headline'
},
'es': {
'app-title': 'spanish headline'
}
}).done(function() {
$('.switch-locale').on('click', 'a', function(e) {
e.preventDefault();
$.i18n().locale = $(this).data('locale');
});
});

$('body').i18n();
});

CSS-код:

Код: Выделить всё

.switch-locale li {
display:inline-block;
list-style-type:none;
text-align:center;
}

.switch-locale {
text-align:center;
border-bottom:1px solid grey;
}

Вдохновением послужила официальная документация и эта ссылка:
https://phrase.com/blog/posts/jquery-i1 ... ced-guide/
ожидаемое поведение будет следующим:

• по умолчанию пользователь видит только тексты на английском языке
• после изменения язык через меню, текст будет заменен на локальный

в этом примере я использую решение без отдельных json-файлов для каждого языка (в последний вариант, я бы хотел сделать именно так)
Проблемы:

• текст отображается только на английском языке< /li>
  текст не переводится, несмотря на выбор другого языка

Подробнее здесь: https://stackoverflow.com/questions/679 ... ot-working