带2个句柄的jQuery UI滑块-防止交叉

我正在开发一个jQueryUI滑块，它有两个句柄。我想这样做，使右把手不能交叉路径与左把手。它们可以是相同的值（即，它们的值都可以是2），但右手柄的数字不应小于左手柄的数字。这可能吗

$（文档）.ready（函数（）{
$（“#滑块”）。滑块({
分:0,，
最高：4，
步骤：.1，
值：[0,4]，
幻灯片：功能（事件、用户界面）{
对于（变量i=0；i
#滑块{
边缘底部：20px；
}
输入[数据索引=“1”]{
浮动：对；
}
您可以使用
范围：true
设置范围选项。您还可以使用CSS隐藏范围。例如：


$（文档）.ready（函数（）{
$（“#滑块”）。滑块({
分:0,，
最高：4，
步骤：.1，
值：[0,4]，
范围：对，
幻灯片：功能（事件、用户界面）{
$.each（ui.values，function（i，v）{
$（'input.value'）.eq（i）.val（v）；
});
}
});
$（'input.value'）.change（函数（）{
var$this=$（this）；
$（'#slider'）.slider（'values'，$this.attr（'data-index'），$this.val（））；
});
});
#滑块{
边缘底部：20px；
}
#滑块div.ui-滑块范围{
背景：透明；
}
输入[数据索引=“1”]{
浮动：对；
}
为什么不使用
范围：true
？