Javascript 在jQuery Mobile中更改翻转开关中的选项文本

我在jQuery Mobile（）中有一个切换开关组件

---

尝试

$（'#value1'）。文本（'newvalue1'）

而不是

$（'#value1'）.html（'newvalue1'）
这对您有用吗




JS

jQM为这两个选项添加了一个类（
ui-slider-label-a
和
ui-slider-label-b
），通过使用这些类，您可以访问正确的元素并更改文本

注意：查看jQM添加的附加标记的最佳方法是使用Google Chrome（IMHO）并检查元素
如果这样，您的文本修改工作正常，但滑块未正确刷新，请尝试放置myswitch.selectmenu（）；在myswitch之前。选择Menu（刷新，true）；呃，你是说myswitch.slider（）之前的myswitch.slider（“刷新”，真的）？它们实际上是一样的吗？滑块是一种具有奇特样式的。。。使用哪一个开关并不重要。选择Menu（）；myswitch.selectmenu（刷新，真）；在页面myswitch.slider（）上创建一个新的下拉菜单；滑块（“刷新”，真）；什么都不做，这很有效。我不喜欢更改所有的类实例，但是在outside div中选择似乎可以做到这一点<代码>

和

$（'#bigSwitch.ui-slider-label-a'）。文本（'newvalue1'）
<select name="toggle" id="toggle" data-role="slider">
    <option id="value1" value="off">value1</option>
    <option id="value2" value="on">value2</option>
</select> 

function yourfunction() { 
    //alert ("Changing stuff");
    $('#value1').html ('newvalue1');
    $('#value2').html ('newvalue2');
    var myswitch = $("#toggle");
    myswitch.slider("refresh", true);
}
window.setInterval(yourfunction, 3000);​

function yourfunction() { 
        //alert ("Changing stuff");
        $('.ui-slider-label-a').text('newvalue1');
        $('.ui-slider-label-b').text('newvalue2');
        var myswitch = $("#toggle");
        myswitch.slider("refresh", true);

    }
window.setInterval(yourfunction, 3000);​