如何在一定程度上阻止jquery UI滑块句柄的拖动

请检查这张图片

我想在10像素前后停止滑块处理程序，如图所示。检查这个

---

您可以检查幻灯片事件上的值，查看它是否超出或低于您想要的值，然后指定限制值并防止进一步拖动。像这样：

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
        }

    } 

请注意，您必须使用最大值和最小值，以使其符合您的需要

见示例：

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
        }

    }