更改文本后，JQM翻转开关刷新

Question

http://jsfiddle.net/T4Y8j/1/

我正在使用带有data-i18的span来将我的所有翻译放到位......但是我的翻转开关刷新新值时遇到了问题。我的选择列表也存在同样的问题。

谢谢！

Answer 1

修改交换机标签的解决方法是执行以下操作：

1 - 在DIV中隔离您的开关，并为此DIV提供特定ID（例如：switch_container），例如：

<div id="switch_container">

    <select name="slider" id="flipMe" data-role="slider">              
        <option value="off">Off</option>
        <option value="on"></option>
    </select>

</div>

2 - 假设您要修改的标签位于第二位，您可以使用以下内容更改标签：

$('#switch_container .ui-slider .ui-slider-inneroffset .ui-slider-handle 
    .ui-slider-label:nth-child(1)').html("ok");

---

这是一个完整的工作示例，您可以在JSFiddle中尝试：

JS代码：

$('#switch_container .ui-slider .ui-slider-inneroffset .ui-slider-handle .ui-slider-label:nth-child(1)').html("ok");

$('#flipMe').val('on').slider('refresh');

<强> HTML：

<div id="switch_container">

    <select name="slider" id="flipMe" data-role="slider">
        <option value="off">Off</option>
        <option value="on"></option>
    </select>

</div>

希望这有帮助。