jQuery UI Sliders - 在同一位置乘以滑块（不是范围）

Question

我正在尝试使用2个处理程序创建一个滑块，彼此没有依赖关系，因此它不是范围滑块。

我改变了两者的css，使得一条线在线上方，一条在线下方。当我在运行时检查滑块时，我可以看到它们重叠了一点但是每个滑块的3/4都没有

我的问题是如果我将两个处理程序设置为相同的值，当我尝试更改一个值时，jquery给我控制最后一个我移动的即使我点击其中的另一个不要重叠。看起来像滑块引擎让我控制这个滑块，因为在范围滑块情况下这将是有意义的（因为它们通常完全重叠）。

我使用简单的滑块加载：

$( "#slider1" ).slider(
    {
      min: 1,
      max: 11,
      step: 1,
      values: [5,5],
       slide: function(event, ui) {
          if(ui.value > 10){
              return false;
          }

      }
    }
  );

任何人都知道如何绕过这个？

这是它的小提琴：fiddle