jquery UI 滑块最小/最大值
-
22-10-2019 - |
题
大家好,我有一个简单的问题。我可以为 jquery ui 滑块以及滚动显示数字时输入文本最小/最大值吗? 这里 是一个示例,最大值的左侧滑块“无限制”,当您滚动它时,会出现数字。
解决方案
您正在寻找范围滑块。我希望 范围滑块演示 帮助。初始化滑块时,可以设置最小值和最大值。
编辑抱歉误解了这个问题。如果您查看 演示 您会看到一个小脚本,该脚本更改元素“ #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 ] );
}
}
您可以根据自己的要求修改此脚本
笔记: 我没有测试过。
其他提示
是的,我们可以设置最小值-最大值
$("#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);
}
});
首先销毁滑块,这将完全删除滑块功能。这将使元素返回到其预初始化状态。
$("#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);
}
});
这有效。
不隶属于 StackOverflow