jquery滑块范围的最小差异

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

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

因此,如果(x-y <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 EDIT

解决方法

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

return false;

原文地址：https://www.jb51.cc/jquery/179072.html