如何阻止jquery UI滑块手柄拖动到某种程度

Question

请检查此图片

我想在10像素之前和之后停止滑块处理程序，如图所示。请检查此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/