使用jQuery UI範圍滑塊獲取特定句柄的值的語法範圍滑塊

Question

使用jQuery UI範圍滑塊獲取特定句柄的值的正確語法是什麼？在演示中給出，並在下面的函數中使用的方法獲取兩者的值處理$("#selector").slider("option", "values");

我都試過：("option", "values[0]")和("option", "ui.values[0]")

下面的功能讓我可以顯示每個值單獨處理，但我還需要設置它們關聯的表單元素的值，並且相同的語法似乎不適用於此。我已經張貼了這個功能在這裏的小提琴：http://jsfiddle.net/chayacooper/Xn9sf/

$("#priceRange").slider({ 
    range: true, 
    min: 0, 
    max: 1000, 
    values: [0, 1000], 
    step: 25, 
    slide: function (event, ui) { 
     $("#min_price").text("$" + ui.values[0]); 
     $("#max_price").text("$" + ui.values[1]); 
     var minPriceRange = $("#priceRange").slider("option", "values");  
     $("#min_price_range").val(minPriceRange); 
     var maxPriceRange = $("#priceRange").slider("option", "values"); 
     $("#max_price_range").val(maxPriceRange); 
    } 
}); 

HTML

<div id="priceRange"></div> 
<div id="min_price">$0</div> 
<div id="max_price">$1000</div> 
<input type=text name="min_price_range" id="min_price_range" /> 
<input type=text name="max_price_range" id="max_price_range" /> 

Answer 1

你已經在設定#minprice和#maxprice使用的值，因此使用相同的值設置的值的inputs：

$("#priceRange").slider({ 
    range: true, 
    min: 0, 
    max: 1000, 
    values: [0, 1000], 
    step: 25, 
    slide: function (event, ui) { 
     $("#min_price").text("$" + ui.values[0]); 
     $("#max_price").text("$" + ui.values[1]); 

     $("#min_price_range").val(ui.values[0]); 
     $("#max_price_range").val(ui.values[1]); 
    } 
});