jquery - テキストを変更した後の JQM フリップ スイッチの更新が機能しない

Question

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

すべての翻訳を配置するために data-i18 でスパンを使用しています...しかし、新しい値を更新するフリップ スイッチに問題があります。選択リストにも同じ問題があります。

ありがとう！

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 -変更するラベルが 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>

お役に立てれば。