jQuery滑块范围 [英] jQuery slider range
问题描述
我正在尝试使用jQuery滑块的range属性,以便滑块控件显示两个句柄,用户可以从中选择房地产的价格范围。我的代码是:
I am trying to use the range property of the jQuery slider so that the slider control displays two handles from which the user can select a price range for real estate. The code I have is:
$("#price").slider({ range: true, minValue: 0, maxValue: 2000000,
change:
function(e, ui) {
var range = (Math.round(ui.range) * 10) + " to " + ui.value;
$("#pricedesc").text(range);
}
});
价格范围应为0美元至2,000,000美元。当我滑动滑块上的手柄时,我会得到不寻常的值,例如690到13。双手柄滑块究竟是如何工作的?
The price range should be from $0 to $2,000,000. When I slide the handles on the slider though I get unusual values such as "690 to 13". How exactly is the double handle slider meant to work?
推荐答案
要访问双重处理滑块中的滑块手柄值,您需要从访问它们slider(value,index)功能。请尝试以下代码:
To access the slider handle values in a double handled slider you need to access them from the slider( "value", index ) function. Try the following code:
$(document).ready(function(){
$("#price").slider(
{ range: true,
min: 0,
max: 2000000,
change: function(e,ui) {
alert($("#price").slider("value", 0) + ' - ' + $("#price").slider("value", 1) );
}});
$("#price").slider("moveTo", 500000, 1);
});
这篇关于jQuery滑块范围的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!