[英]Use values from two-handle, jquery-ui range slider in separate function
[英]Get jQuery two-handle slider value
我有以下HTML和JS结构,用于使用jQuery两句柄范围滑块:
.html
<p>
<input class="amount" readonly style="border:0; color:black; background: transparent; text-align: center;" type="text">
</p>
<div class="slider-range"></div>
.js
$(function() {
$(".slider-range").slider({
range: true,
min: 0,
max: 1000,
values: [0, 1000],
slide: function(event, ui) {
$(".amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
}
});
$(".amount").val("$" + $(".slider-range").slider("values", 0) +
" - $" + $(".slider-range").slider("values", 1));
});
我想我需要在<input>
元素中添加value="..."
,但是如何根据我的JavaScript代码从两个滑块中捕获值范围? 谢谢 !
可以将这些值提取为:
var minimum_val = $(".slider-range").slider("values",0)
var maximum_val = $(".slider-range").slider("values",1)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.