Перевести 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();
});

Ответы на вопрос(1)

Ваш ответ на вопрос