答案 0 :(得分:8)
是的,我们可以设置min-max
$("#slider").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
$("#amount").val(ui.value);
}
});
答案 1 :(得分:2)
您正在寻找范围滑块。我希望range slider demo有所帮助。初始化滑块时可以设置最小值和最大值。
<强>被修改强> 很抱歉误解了这个问题。如果查看demo的源代码,您会看到一个小脚本,当滑块值发生变化时会改变元素'#amount'的值
以下是该脚本:
slide: function( event, ui ) {
$( "#amount" ).val( "$" + ui.values[ 0 ] + " - $" + ui.values[ 1 ] );
}
您可以更改此项以显示字符值。
slide: function( event, ui ) {
if (ui.values[0] == <min_value>) {
$( "#amount" ).val( "Min Limit" + " - $" + ui.values[ 1 ] );
}
}
您可以根据需要修改此脚本
注意:我没有对此进行测试。
答案 2 :(得分:0)
首先销毁滑块,完全删除滑块功能。这将使元素返回到pre-init状态。
$("#selector").slider("destroy");
之后,您可以将新值添加到滑块
$("#selector").slider({
range: "max",
min: 0, // min value
max: 200, // max value
step: 0.1,
value: 200, // default value of slider
slide: function(event, ui) {
$("#amount").val(ui.value);
}
});
这很有效。