Question

当页面上有更多滑块时，如何从jquery ui range滑块返回第一个和最后一个句柄值。我的实际代码看起来如下，但最后一个滑块将从最后一个滑块的最后一个句柄获取，我试图修复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;
}

当存在更多滑块时，jquery ui slider最后一个句柄值

1 个答案: