我需要一个带有2个手柄的滑块,一个可拖动,另一个固定。我正在使用Jquery UI Slider。到目前为止,这是我尝试过的操作:http://jsfiddle.net/8KnJ7/210/

$("#slider").slider({
      values:[1,1],
      min:0,
      max:5,
      slide: function(event, ui) {
        $(ui.handle).text(ui.value);
      }
   });
   var value = $("#slider").slider("values",0);
   $("#slider").find(".ui-slider-handle").text(value);


我的问题是我无法禁用一个手柄并使另一个拖动。
基本上,固定手柄应显示实际速率,可拖动手柄应显示我们要设置的速率。
我想只保留一个手柄(可拖动的手柄),并在滑块上以不同颜色的条形形式显示实际值,但是我无法在滑块上显示任何内容。

最佳答案

看一下这个例子。

$("#slider").slider({
  values:[1,1],
  min:0,
  max:5,
  slide: function(event, ui) {
    $(ui.handle).text(ui.value);
  },
  start: function( event, ui ) {
      if($(ui.handle).hasClass('stay'))
          return false;
  }
});
var value = $("#slider").slider("values",0);
$("#slider").find(".ui-slider-handle").text(value);
$('#slider .ui-slider-handle:last').addClass('stay');


http://jsfiddle.net/8KnJ7/211/

10-04 22:51
查看更多