jquery - JQM 翻转开关在更改文本后刷新不起作用

Question

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

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

谢谢！

Answer 1

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

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

<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>

希望这可以帮助。