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