在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
   }
});