jquery滑块范围的最小差异

Question

我已经看过几个我所追求的例子,但没有任何实际上能满足我需要的东西.

我正在使用ui.values滑块更改两个元素的值.这些值之间的差异不能小于'2'.

所以我使用了一个快速公式,如果(xy <2)不改变其他变化.但如果差异小于'2',滑块处理程序仍会移动.无论如何要阻止这个？

var sstart = $("#slidestart").text()
var send = $("#slideend").text()

$('#dateSlider').slider({
    range: true,
    min: 1,
    minRange: 2,
    max: 14,
    step: 1,
    values: [ sstart, send ],
        slide: function( event, ui ) {
            if(ui.values[1] - ui.values[0] < 2){
                // do not allow change
                alert("that is naughty");
            } else {
                // allow change
                    $("#slidestart").text(ui.values[0])
                    $("#slideend").text(ui.values[1])   
            }   
        }
});

谢谢:完美的结果.

return false;

JS BIN编辑

Answer 1

实际上,您所要做的就是用以下内容替换您的警报:

return false;