[英]How To Make Multiple Labels Appear In JQuery Range Slider?
我试图弄清楚如何使滑块说两件事。 我希望滑块上方的输入说出二十步1.25美元的美元金额(20到45之间),但我想实际的句柄只说单个整数答案,例如1..2..3..4.。一直到20,因此第一个位置将在手柄中读取(1),在其上方为($ 20),滑块的第二步将在滑块圆中读取为(2),在其上方为($ 21.25)。
下面是我到目前为止的代码:
$(function() {
$( "#slider" ).slider({
value: 0,
min: 20,
max: 45,
step: (1.25),
slide: function( event, ui ) {
var id = $(this).attr("id");
$("span[class*=" + id + "]").text(ui.value);
$("input[class*=" + id + "]").val(ui.value);
$( "#amount" ).val( "$" + ui.value );
}
});
$( "#amount" ).val( "$" + $( "#slider" ).slider( "value" ).toFixed( 2 ));
});
我认为这就是您想要的...检查小提琴:
http://jsfiddle.net/rx4cm4q7/4/
$(function () {
$("#slider").slider({
value: 0,
min: 20,
max: 45,
step: (1.25),
slide: function (event, ui) {
console.log(ui);
var id = $(this).attr("id");
var x = (ui.value - 20)/1.25;
console.log(x);
$("#amount").html("$" + ui.value);
$("#step").html("<B>" +x+"</b>");
}
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.