translation - Worklight - 启用翻译

Question

从Worklight 教程 - 05_05_Enabling_translation.pdf（示例应用程序）中，我们可以
1. 在 messages.js 中定义翻译后的消息2. 将 HTML 中的消息引用为带有或作为 JavaScript 对象属性
的 HTML 元素的 ID 。 3. 实现 languageChanged 函数来设置新值并将内容更新为所选语言。 在示例中 - languageChanged(lang) 函数： 用于将内容更新为所选语言。 据我了解，需要编写上述代码行才能将内容更新为所选语言。 如果有很多元素，是否有更好的方法来更新内容？class="translate"Messages.<ID>
Messages.<ID>

$("#sampleText").html(Messages.sampleText); $("#headerText").html(Messages.headerText); $("#actionsLabel").html(Messages.actionsLabel);

Answer 1

您可以使用 jQuery 选择器轻松迭代所有元素并更新文本，例如

$(".translate").each(function(index, element){
  element = $(element);
  var elementId = element.attr("id");
  element.text(Messages[elementId]);
});