nosliderUI - 如何防止用户拖动超过50％

Question

http://refreshless.com/nouislider/

我正在使用nouislider。现在我的范围是0到100.我想要做的是防止用户将幻灯片拖动超过50％。将滑块拖动至少50％时，应停止在50％。从这个链接http://refreshless.com/nouislider/events-callbacks/，我可以做一个jquery函数回调。

 $("#slider1").on({
        slide: function(event, value) {
            if (value > 50){
                return false;
            }
        }
    });

    $('#slider1').noUiSlider({
        start: 0,
        step : 10,
        limit: 10,
        behaviour: 'snap',
        range: {
            min: 0,
            max: 100
        }
    });

Answer 1

试试这个：

 $("#slider1").on({
        slide: function(event, value) {
            if (value > 50){
                $("#slider1").val(50);
            }
        }
    });

这样，每次值＆gt; 50％它会使它回到50％。