如何使用(jQuery I18n Translation Plugin)添加对多种语言的支持?

时间:2013-09-29 17:04:54

标签: jquery internationalization

我正在尝试使用“jQuery I18n翻译插件”并且有几个问题

  • 浏览器是否知道使用哪种语言?使用u18n时会自动执行此操作吗?
  • 如何使用法语和西班牙语等多种语言?这样吧 根据本地化调用每一个

http://www.daveperrett.com/articles/2008/02/21/jquery-i18n-translation-plugin/

以下是我的代码::

<script  type="text/javascript">
$(document).ready(function(){
    i18n_dict = { 
        "Example 1"  : "teiän veen",
        "Example 2"  : "tei'än ve'en",
        "Example 3"  : "teiä vede",
        "Example 4"  : "teirän veren",
        "Example 5"  : "teilän velen",
        "Example 6"  : "teijjän vejen",
        "Example 7"  : "teidän veden",
        "Example 8"  : "teitän veten",
        "Example 9"  : "teiðän veðen",
        "Example 10" : "teidhän vethen",
        "Dynamic Content" : "Your browser window is %s x %s",
        "Ordered Dynamic Content": "%2$s is the height of your browser window, and %1$s is the width."
    };

    $.i18n.setDictionary(i18n_dict);

        $('div#example1').text($.i18n._('Example 1'));
        $('div#example2').text($.i18n._('Example 2'));
        $('div#example3').text($.i18n._('Example 3'));
        $('div#example4').text($.i18n._('Example 4'));
        $('div#example5').text($.i18n._('Example 5'));
        $('div#example6').text($.i18n._('Example 6'));
        $('div#example7').text($.i18n._('Example 7'));
        $('div#example8').text($.i18n._('Example 8'));
        $('div#example9').text($.i18n._('Example 9'));
        $('div#example10').text($.i18n._('Example 10'));
        $('div#dynamic').text($.i18n._('Dynamic Content', [$(document).width(), $(document).height()]));
        $('div#orderedDynamic').text($.i18n._('Ordered Dynamic Content', [$(document).width(), $(document).height()]));

});
</script>

HTML

<div id='example1'>Example 1</div>
    <div id='example2'>Example 2</div>
    <div id='example3'>Example 3</div>
    <div id='example4'>Example 4</div>
    <div id='example5'>Example 5</div>
    <div id='example6'>Example 6</div>
    <div id='example7'>Example 7</div>
    <div id='example8'>Example 8</div>
    <div id='example9'>Example 9</div>
    <div id='example10'>Example 10</div>
    <div id='dynamic'>Dynamic Content</div>
    <div id='orderedDynamic'>Ordered Dynamic Content</div>

1 个答案:

答案 0 :(得分:0)

试试这个:

  • navigator.language(Netscape - 浏览器本地化)
  • navigator.browserLanguage(IE-Specific - 浏览器本地化语言)
  • navigator.systemLanguage(特定于IE - Windows操作系统 - 本地化语言)
  • navigator.userLanguage

作为插件,请尝试使用jQuery.i18n插件,检查: https://code.google.com/p/jquery-i18n-properties/

实施例: var lang ='en'; var config = {         名称:'消息',         路径:'/ my_application / i18n /',         模式:'both',         语言:郎,                 回调:function(){                   //做某事               }     };

//重新加载配置 jQuery.i18n.properties(配置);

此snipplet会向您的应用程序询问文件: /my_application/i18n/Messages.properties /my_application/i18n/Messages_en.properties 为您提供指定区域设置的国际化。 这将为您提供多种语言供您选择。