0

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" />
4

1 に答える 1

0

#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]);
    }
});
于 2013-03-15T17:20:14.183 に答える