Jquery UI slider 并检测最大-最小范围

Question

我正在尝试使用 jquery ui 显示两个值之间的范围，当用户移动最大值和最小值时，该范围会发生变化。我用我的尝试创建了一个jsfiddle。我尝试用 ("values")[1]) - (("values")[0]) 执行此操作，但它不起作用。

http://jsfiddle.net/t1h3tm23/2/

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