Question

修改：我还没有解决这个问题。如果有人有建议我会很感激。

我有一个带有两个小节的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上更改。我希望在用户滑动条形图时更新数字。我该怎么做？

Answer 1

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

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]); 
}

滑动时jQuery UI滑块更改

1 个答案: