jquery滑块范围的最小差异

前端之家收集整理的这篇文章主要介绍了jquery滑块范围的最小差异前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经看到了几个我所追求的例子,但没有任何实际上能满足我需要的东西.

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

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

  1. var sstart = $("#slidestart").text()
  2. var send = $("#slideend").text()
  3.  
  4. $('#dateSlider').slider({
  5. range: true,min: 1,minRange: 2,max: 14,step: 1,values: [ sstart,send ],slide: function( event,ui ) {
  6. if(ui.values[1] - ui.values[0] < 2){
  7. // do not allow change
  8. alert("that is naughty");
  9. } else {
  10. // allow change
  11. $("#slidestart").text(ui.values[0])
  12. $("#slideend").text(ui.values[1])
  13. }
  14. }
  15. });

谢谢:完美的结果.

  1. return false;

JS BIN EDIT

解决方法

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

猜你在找的jQuery相关文章