Question

我正在尝试使用jquery ui来显示两个值之间的范围，当用户移动max和min值时，这两个值会发生变化。我用我的尝试创造了一个jsfiddle。我尝试用（“值”）[1]） - （（“值”）[0]）但它没有用。

<div id="slider"></div>
<input type="text" id="result" />

$( "#slider" ).slider({
range: true,
min: 0,
max: 500,
values: [ 190, 290 ],
slide: function( event, ui ) {
$( "#result" ).val( ui.value );
$(ui.value).val($('#result').val());
}
});
$("#slider").slider("value" , $(this).val())

Answer 1

ui.values[1] - ui.values[0]应该有效

$("#slider").slider({
    range: true,
    min: 0,
    max: 500,
    values: [190, 290],
    slide: function (event, ui) {
        // get difference b/w min and max
        $("#result").val(ui.values[1] - ui.values[0] ); 
        $(ui.value).val($('#result').val());
    }
});

演示--> http://jsfiddle.net/t1h3tm23/3/

Jquery UI滑块和检测最大 - 最小范围

1 个答案: