【问题标题】:Localize HTML-Page with JavaScript使用 JavaScript 本地化 HTML 页面
【发布时间】:2013-07-18 06:47:15
【问题描述】:

我有一个简单的 html 页面,里面有几个文本元素。这个我要本地化,英语,德语等等。

在这里我找到了一些 sn-p,但我没有让它们工作: Handling multilanguage with JQuery only 为什么这不是正确的语法:

js:

label["login"]["fr"]="Connection";
label["login"]["en"]="Login";
...
//some Click-Listener change all language elements
$("*[tag='ist_ml']").each(function() {
    $(this).html(label[$(this).attr("ml_label")]["en"]);
});
//End Click-Listener

html:

<label tag='ist_ml' ml_label='login' for='txtLogin'></label>

一些很棒的帮助,或者一些其他简单的想法。

【问题讨论】:

  • 你为什么说我不让他们工作?是语法错误还是逻辑错误?
  • 你会遇到什么语法错误?
  • Uncaught ReferenceError: label is not defined, sorry for my bad informations
  • 您是否在任何地方声明/实例化了您的 label 变量?
  • 这个方法之外,也是我的jQuery选择器对$("*[tag='ist_ml']")???

标签: javascript jquery html localization multilingual


【解决方案1】:

在尝试存储数据之前定义变量:

label = {};
label["login"] = {};
label["login"]["fr"]="Connection";
label["login"]["en"]="Login";

或者

label = {
    login : {
        fr : "Connection",
        en : "Login"
    }
};

【讨论】:

    【解决方案2】:

    我认为可能缺少什么,或者没有被清除:

    var label = new Array();
    label["login"] = new Array();
    label["login"]["en"] = "Bla...";
    

    【讨论】:

      【解决方案3】:

      您的代码已经过完善,可以在这里运行

      JS 代码:

      var lb = {};
      lb["login"] = {};
      
      lb["login"]["fr"] = "Connection";
      lb["login"]["en"] = "Login";
      
      //some Click-Listener change all language elements
        $("label[class='is']").each(function () {
        $(this).html(lb[$(this).attr("ml_label")]["en"]);
      });
      //End Click-Listener
      

      HTML 代码:

      <label class='is' ml_label='login' for='txtLogin'></label>
      <label class='is' ml_label='login' for='txtLogin'></label>
      

      这是与您的代码一起玩的 JSFIDDLE

      活着,梦想,珍惜 :)

      【讨论】:

        【解决方案4】:

        聚会迟到了几分钟,但这是我的工作解决方案供参考:

        http://jsfiddle.net/adnrw/jStET/1/

        如上所述,在开始向其中添加内容之前,您需要为 label 声明 array()

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2020-05-17
          • 1970-01-01
          • 1970-01-01
          • 2011-06-20
          • 1970-01-01
          • 2010-12-09
          • 1970-01-01
          相关资源
          最近更新 更多