jquery - jQuery Knob 插件，停止重复动画（slideDown、slideUp）

Question

我使用旋钮插件。jsFiddle在我添加以下代码来更改悬停值（第 327 行）之前，它的效果非常好：

.bind( "mousemove"
       , function (e) {
           e.preventDefault();
           s._xy()._mouse(e);
         }
)

我需要在用户单击（释放功能）拨盘后显示：

<div class="tooltip">Tooltip...</div>

第 673 行：

$(".dial").knob({
    'release': function ()
    {
        $(".tooltip").slideDown();
        $(".tooltip").delay(1500).slideUp();
    }
});

但是点击表盘后它会不断重复。每 1.5 秒上下滑动一次。我想阻止它重复。如何解决？

Answer 1

您需要添加一个新的处理程序，_move. 由于 的行为_mouse是针对点击事件的。

.bind("mousemove", function (e) {
    e.preventDefault();
    s._xy()._move(e);
})

this._move = function (e) {
    var v = s.xy2val(e.pageX, e.pageY);

    if (v == s.cv)
      return;

    if (s.cH && (s.cH(v) === false))
      return;

    s.change(v);
    s._draw();
};

看这里。