如何更改滑块开关文字？

我有一个标准选择开关。 我想在页面加载（准备好）后更改特定选项的文本。 值已更改，但未在浏览器用户界面视图中更新。 ‘refresh’和change（）没有帮助。

 $("#set_slider option[value='0']").text('before') ; $("#set_slider").change(); function clickz() { $("#set_slider option[value='0']").text('after') ; $("#set_slider").change(); $("#set_slider").slider('refresh'); $("#txt").html($("#set_slider option[value='0']").text()); }   SET OFF  
  

这一个也不起作用：

         
 
Header
 
  SET OFF  
 
  
 
Footer
 
 
  $(document).delegate('#page2', 'pageshow', function (event, ui) { $("#set_slider").change(); $("#set_slider").slider('refresh'); }); $("#set_slider option[value='0']").text('before'); function clickz() { $("#set_slider option[value='0']").text('after'); $("#txt").html($("#set_slider option[value='0']").text()); $.mobile.changePage('#page2'); }    

Answer 1

这样的事情有用吗？

• http://jsfiddle.net/LgLPu/

JS

 $('#set_slider').bind('change', function() { var activeLabel = $('span.ui-slider-label'); var mySlider = $(this); var text = mySlider.find('option:selected').text(); var new_set = 'Before'; var new_off = 'After'; // changing the text does nothing //mySlider.find('option[value="0"]').text(new_set); //mySlider.find('option[value="1"]').text(new_off); // You need to update the ui-slider-label spans if(mySlider.val() == 0) { activeLabel.text(new_set); } else { activeLabel.text(new_off); } mySlider.slider( 'refresh' ); // .trigger( 'create' ) }); 

HTML

  SET OFF  ​