如何在多个手柄滑块中禁用手柄
how do you disable a handle in a multiple handles slider?
我需要一个带有 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/
相关文章:
- 没有找到相关文章