[英]jQuery-UI multi-range slider - fetch values
我正在使用这个 jQuery-UI插件进行多范围输入。 它工作得很好,除了一部分,我无法获取其值。 有人使用过此插件吗? 如何获取值以在程序中使用它们? 我似乎找不到获取数据的方法。 没有描述该操作方法的文档。
var ranges_array = [
{
id: 1,
startValue: 2000,
endValue: 8000,
color: "rgb(27, 64, 194)"
}
];
//
$(function() {
$('#budget-range').rangeSlider({
min: 0,
max: 10000,
ranges: ranges_array
});
});
定义rangeSlider时,您可以创建rangeSlide
事件,该事件可以使用事件的ui
参数读取滑块的值:
$(document).ready(function() {
var currentStartValue = '';
var currentEndValue = '';
$('#budget-range').rangeSlider({
min: 0,
max: 10000,
ranges: ranges_array,
rangeSlide: function(event, ui) {
currentStartValue = ui.range.startValue; // set the current start value of the range
currentEndValue = ui.range.endValue; // set the current end value of the range
}
});
function logRangeValues() {
console.log('Start value: ' + currentStartValue);
console.log('End value: ' + currentEndValue);
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.