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]); } |
- 我在滑动函数中用 ui.values 替换了 range_price，但它仍然只有在我完成滑动后才会改变。
- 这仍然没有奏效。当我 alert(ui.values) 什么都没有出现。
- 在这里工作正常(一个滑块的第一个解决方案)
来源：https://www.codenong.com/4433086/
