i18next: test data-i18n and data-i18n-options for jQuery UI Dialog's title

http://gist.github.com/3353697 http://github.com/jamuhl/i18next/issues/29

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css">
<script src="https://i18next.github.com/i18next/public/download/versions/i18next-1.11.2.min.js"></script>
<script src="https://gist.githubusercontent.com/jlgrall/3353697/raw/i18n-jqueryui-dialogtitle.js"></script>
<button id="destroy">Destroy all ui</button>

<div id="dialog" title="This is untranslated" data-i18n="[title]translatedType" data-i18n-options='{"type":"title"}'>Hello internationalization</div>

JavaScript

$.i18n.init({
    resStore: {
        dev: { translation: {
            dialogTitle: 'Translated',
            translatedType: 'Translated: {{type}}'
        } },
    },
    useDataAttrOptions: true
});

$("#destroy").click(function() {
    Elem_dialog.dialog("destroy");
});

var Elem_dialog = $("#dialog").dialog({
        
    }),
    Elem_dialogWidget = Elem_dialog.dialog("widget");

$("html").i18n();