在Flip切换开关jQuery Mobile中更改文本

Question

我正在使用多语言iOS / Android应用程序，并使用xml文件获取翻译。 转换功能将查找i18n-xxx类，并用xml文件中的文本替换该类的html元素的文本。

例：

HTML：

<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元素相同的功能将“关闭”和“打开”转换为“ Av”和“På”。 问题是jQuery Mobile将简单的select转换为大量代码，而我尚未确定应该转换的元素以及如何执行。

有什么建议么？

Answer 1

您可以插入由JQM设置样式/创建滑块时触发的create事件。

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