jQuery UI滑块的平滑拖动和平滑跳转

Question

我有一个具有6个位置的jQuery UI滑块。我想要的只是用鼠标平稳地拖动它而不会跳转。当释放鼠标按钮时，我需要将手柄平稳地移动到最近的位置。

我尝试引入大量用于平滑拖动的步骤，这很好。但是当我使用.on（'mouseup'，...）时，手柄只是跳到所需位置。

示例为here（俄语），因此您需要开始测验并移至第二个问题。

这是我的基本Codepen。

  $( function() {
    $( "#slider" ).slider({
      animate: "fast",
      value:4,
      min: 1,
      max: 6,
      step: 1,
      slide: function( event, ui ) {

    }
  });

}）;