修改:我还没有解决这个问题。如果有人有建议我会很感激。
我有一个带有两个小节的jquery滑块,用户可以更改它以选择价格范围。在滑块下方,我显示 min:$ xxx 和 max:$ xxx 以显示当前价格范围。这是代码:
$("#slider-price .slider").slider({
step: 10,
animate: true,
range: true,
min: 0,
max: 500,
values: [range_price[0],range_price[1]],
slide: function() {
range_price = $(this).slider("option", "values");
$("#low-price-label").text("Min: $"+range_price[0]);
$("#high-price-label").text("Max: $"+range_price[1]);
}
});
幻灯片选项查看滑块的值,并更新最小和最大数字。但是,只有在用户完成滑动条形图后,它们才会在mouseup上更改。我希望在用户滑动条形图时更新数字。我该怎么做?
答案 0 :(得分:2)
我在我写的媒体播放器中使用它
slide: function(event, ui) {
$("#amount").text(ui.value);
}
编辑:重新阅读你的问题,你应该能够使用'ui.values'代替值来返回数组,解析它并从那里开始。
edit2:尝试使用此功能而不是您拥有的功能。
slide: function(event,ui) {
range_price = ui.values;
$("#low-price-label").text("Min: $"+range_price[0]);
$("#high-price-label").text("Max: $"+range_price[1]);
}