jQuery UI Slider滑動時更改

Question

編輯：我仍然沒有解決此問題。如果有人有建議，我將不勝感激。

我有一個jQuery滑塊有兩個酒吧，用戶可以更改選擇價格範圍。在滑塊下方，我顯示分鐘：$ 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]); 
}