如何从拖动到一些停止jQuery UI的滑块手柄延长

Question

请检查该图像

我想之前和之后10 PX停止滑块处理器如图所示的形象。勾选此fiddle

$('#slider').slider({ 
orientation: 'vertical', 
stop: function() { 
    console.log('stop'); 
} }); 

Answer 1

您可以检查slide事件的值，看看它是否超出或你想要什么下，那么您将其分配限值，防止进一步拖动。就像这样：

slide: function(e, ui){ 
     //if value is under wanted limit, you set value to limit 
     //and return false which will stop dragging. 
     if(ui.value < 0){ 
      $(this).slider('value', 0) 
      return false 
     } 
     //same if you have an upper limit 
     if(ui.value > 100){ 
      $(this).slider('value', 100) 
      return false 
     } 

    } 

请注意，你必须与你的max和min发挥，使之符合您的需要。

例如：http://jsfiddle.net/HF6Sm/614/