以编程方式设置JQuery Mobile滑块值

Question

如何在JQuery mobile中以编程方式设置滑块的值？我定义了以下滑块:

<label for="optionSlider">Are you sure?</label>
<select id="optionSlider" name="slider" data-role="slider">
  <option value="no">No</option>
  <option value="yes">Yes</option>
</select>

显示页面时,我想将其设置为"是".我知道我可以使用"selected"属性,但由于该值是动态的,我需要弄清楚如何以编程方式设置它.目前,我正在使用以下内容:

$("#myPage").live("pageshow", function () {
  var flag = "yes"
  if ((flag != null) && (flag != undefined)) {
    if (isTrackSet == "no") {
      $("#optionSlider", "#myPage").val("no");
    } else {
      $("#optionSlider", "#myPage").val("yes");
    }
  }
}

我究竟做错了什么？

Answer 1

您需要在滑块上调用刷新:

.slider("refresh");

http://jquerymobile.com/demos/1.0a4.1/docs/forms/forms-slider.html