存在更多滑塊時，jQuery UI滑塊的最后一個句柄值

Question

當頁面上存在更多滑塊時，如何從jquery ui范圍滑塊取回第一個和最后一個句柄值。 我的實際代碼如下所示，但是最后一個值將從最后一個滑塊的最后一個句柄中獲取，我試圖修復id #slider-range.ui-slider-handle:last但沒有用

$("#slider-range").slider({
    range: true,
    step: 5,
    min: <?= $sel_minmax['price_min'] ?>,
    max: <?= $sel_minmax['price_max'] ?>,
    values: [<?= $params['price_min'] . ',' . $params['price_max'] ?>],
    slide: function(event, ui) {
        $("#amount").val(ui.values[0] + ";" + ui.values[1]);

        $('.ui-slider-handle:first').html('<div class="tooltip top slider-tip"><div class="tooltip-arrow"></div><div class="tooltip-inner">' + ui.values[0] + '</div></div>');
        $('.ui-slider-handle:last').html('<div class="tooltip top slider-tip"><div class="tooltip-arrow"></div><div class="tooltip-inner">' + ui.values[1] + '</div></div>');
    }
});

$("#amount").val($("#slider-range").slider("values", 0) + ";" + $("#slider-range").slider("values", 1));

HTML

                <p>
                    <label for="amount">Price range:</label>
                    <input type="text" id="amount" />
                </p>
and other sliders..

Answer 1

嘗試這個。

slide: function(event, ui) {
    var valueArray = ui.values;
    valueArray.sort(function(a,b){return a-b});
    valueArray[0]; // Farthest left value
    valueArray[valueArray.length-1]; //Farthest right value;
}