ios - 如何更改 JQM 中 slider 的文本标签？

Question

我正在使用 Jquerymobile。我有一个 slider 和一个与之对应的文本框。当我们按照我们定义的范围移动 slider 时，默认功能是给定值显示在文本字段中。但我想显示文本而不是数字。这更像是严重性问题。即:当 slider 值变为 30 时，它应该在文本框中显示“less sever”，当它达到 50 时，文本应该变为“more sever”。

Answer 1

@Jeemusu 的解决方案在所有情况下都不适合我......因此，我使用 this info 修改了它:

<script>
$(document).bind('pageinit', function () {
  //depending on the device we have a touch or a mouse event
  var supportTouch = jQuery.support.touch,
      touchStartEvent = supportTouch ? "touchstart" : "mousedown",
      touchStopEvent  = supportTouch ? "touchend"   : "mouseup",
      touchMoveEvent  = supportTouch ? "touchmove"  : "mousemove";

  //the event is bound to the .ui-slider inside of the input type range
  $('#slider-a').siblings('.ui-slider').bind(touchStopEvent,function(){
    var sliderVal = $("#slider-a").attr('value');

    if(sliderVal <= 30) {
      $('#slider-phrase').html('normal');
    } else if(sliderVal >= 30 && sliderVal < 50) {
      $('#slider-phrase').html('less severe');
    } else if(sliderVal >= 50) {
      $('#slider-phrase').html('more severe');
    }
  });
});
</script>

参见 working example here