更改翻转切换开关中的文本，jQuery Mobile

Change the text in a Flip toggle switch, jQuery Mobile

本文关键字：文本 jQuery Mobile 开关 翻转      更新时间：2023-09-26

我正在开发一个多语言的iOS/Android应用程序，并使用xml文件来获取我的翻译。翻译函数查找 i18n-xxx 类，并将 html 元素的文本替换为该类，并用 xml 文件中的文本。

例：

目录：

<a href="url.html" data-role="button" class="i18n-my-button">Button</a>

在 xml 文件中：

<translation id="i18n-my-button">
   <en>Button</en>
   <sv>Knapp</sv>
</translation>

Javascript：

...
$(xml).find("translation").each(function() {
   ...
   var id = $(this).attr("id"); //i18n-my-button
   var translation = $(this).find("sv").text();  //Knapp
   ...
   $("." + id).find("span.ui-btn-text").text(translation);
});

通过这种方法，我能够翻译几乎任何 html 元素，如按钮、单选按钮和复选框。但我无法翻译翻转开关。

这就是我希望它的样子：

<select name="slider" id="flip-a" data-role="slider">
    <option value="off" class="i18n-off">Off</option>
    <option value="on" class="i18n-on">On</option>
</select>

我希望能够使用与其他html元素相同的功能将"Off"和"On"翻译成"Av"和"På"。问题是jQuery Mobile将简单的选择转换为一个巨大的代码块，我还没有确定我应该翻译什么元素以及如何翻译。

有什么建议吗？

您可以挂接到 JQM 设置滑块样式/创建滑块时触发的创建事件。

$( ".selector" ).slider({
   create: function(event, ui) { 
      //Do translation here
   }
});
相关文章：