jquery滑块范围的最小差异

前端之家收集整理的这篇文章主要介绍了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;

猜你在找的jQuery相关文章