【问题标题】:How do I add support for multiple languages using (jQuery I18n Translation Plugin)?如何使用(jQuery I18n 翻译插件)添加对多种语言的支持?
【发布时间】:2013-11-28 20:55:57
【问题描述】:

我正在试验“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>

【问题讨论】:

    标签: jquery internationalization


    【解决方案1】:

    试试这个:

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

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

    示例: var lang = 'en'; 变量配置 = { 名称:'消息', 路径:'/my_application/i18n/', 模式:“两者”, 语言:lang, 回调:函数(){ //做某事 } };

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

    此代码段将向您的应用程序询问文件: /my_application/i18n/Messages.properties /my_application/i18n/Messages_en.properties 为您提供指定语言环境的国际化。 这将为您提供多种语言可供选择。

    【讨论】:

    猜你喜欢
    • 2012-03-26
    • 1970-01-01
    • 1970-01-01
    • 2019-01-15
    • 2018-07-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多