2

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

<select name="toggle" id="toggle" data-role="slider">
    <option id="value1" value="off">value1</option>
    <option id="value2" value="on">value2</option>
</select>

我希望能够在任何给定时刻以编程方式更改显示的文本。

例如，“value1”应该变成“newvalue1”，“value2”应该变成“newvalue2”。

此函数应该使用新值重新创建切换开关，但实际上它什么也不做：

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

2 回答 2

2

这对你有用吗？

JS

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);​

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

注意：查看 jQM 添加的附加标记的最佳方法是使用 Google Chrome（恕我直言）并检查元素

于 2012-11-14T13:33:43.193 回答
0

尝试$('#value1').text('newvalue1');代替$('#value1').html('newvalue1');

于 2012-11-14T10:49:52.867 回答