nouislider - noUISlider 中单个句柄的设置限制

Question

我喜欢 noUISlider，但我不知道如何为两个手柄滑块设置单个手柄的限制。

mouseDown我已经尝试过这种方法，它有效但有点搞砸了事件：

$("#slider").on({
        slide: function(){

            var upper_val = $("#slider").val()[1];

            if ($("#slider").val()[0] <= min) {
                $("#slider").val([min, upper_val]);
            }

            if ($("#slider").val()[0] >= max) {
                $("#slider").val([max, upper_val]);
            }
        }
    });

必须有一种更清洁的方法来做到这一点。有任何想法吗？

Answer 1

每张幻灯片都会触发幻灯片事件，因此如果您继续调用.val(). 您可以使用该set事件，就像在此示例中一样，以便句柄在超过您的阈值时“反弹”。