滑动时 jQuery UI 滑块更改

 2022-02-12 

jQuery UI Slider Change While Sliding

编辑:我还没有解决这个问题。如果有人有建议,我将不胜感激。

我有一个带有两个条的 jquery 滑块,用户可以更改它们以选择价格范围。在滑块下方,我显示 min: $xxx 和 max: $xxx 以显示当前价格范围。这是代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
$("#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 上更改。我希望在用户滑动条时更新数字。我该怎么做?


我在我写的媒体播放器中使用它

1
2
3
4
5
slide: function(event, ui) {

$("#amount").text(ui.value);

}

编辑:只需重新阅读您的问题,您应该能够使用 \\'ui.values\\' 而不是 value 来返回数组,解析它并从那里开始。

edit2:试试这个功能,而不是你拥有的那个。

1
2
3
4
5
slide: function(event,ui) {          
   range_price =  ui.values;
   $("#low-price-label").text("Min: $"+range_price[0]);
   $("#high-price-label").text("Max: $"+range_price[1]);
}