jquery - 如何在 JQuery UI Slider 组件中实现碰撞检测？

Question

我有一个项目需要一个 slider UI，Jquery slider似乎可以完成工作但似乎当我有一个范围 slider 时，这意味着两个 handle 定义了一个范围:

我有以下问题:

我希望 handle 具有碰撞检测功能，这意味着 handle 不会相互接触，也不会相互重叠，并且值计算正确，以下是开箱即用配置中发生的情况的示例。

我希望 slider 像这样停止:

标签上写着 $62-$63

我知道这个存在，我已经看到它是用插件完成的，我缺少什么。

谢谢

Answer 1

首次创建 slider 时向滑动事件添加碰撞检测:

$('.selector').slider({
    // setup
    slide: function(evt, ui) {
        if (ui.values[0] >= ui.values[1])
        return false;
    }
});

这可以防止 handle 碰撞或重叠。