Question

使用jQuery UI Range Slider获取特定句柄的值的正确语法是什么？演示中给出的方法以及下面函数中使用的方法获取了两个句柄$("#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]);
    }
});

使用jQuery UI Range Slider获取特定句柄的值的语法

1 个答案: