javascript - jQuery 用户界面 : smooth slider with one snap (to default value)?

Question

我想制作一个 slider ，它可以捕捉到中心，同时在其他地方保持流畅的 Action 。类似于真实扬声器平衡 slider 的 jQuery 版本。可能吗？

或者我应该用一个可拖动的对象创建我自己的 slider ，将其限制在一个轴上并包含它的框架，捕捉到位于框架中心的另一个对象(或网格)？

编辑:我只需要一个允许值的 slider ，例如从 -10 到 -1、0 和 1 到 10(在 -1 和 1 之间捕捉到 0)，步长:0.1

Answer 1

您应该能够使用 jQuery slider ，但使用 slide event 限制其运动:

jSlider.slider({
    // other options...
    slide: function (event, ui) {
        if (ui.value > -1 && ui.value < 1 && ui.value != 0) {
            // force it to 0 between -1 and 1.
            jSlider.slider('value', 0); 
            return false;
        }
        return true;
    }
});