Question

我使用the knob plugin。 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();
};

See it here.

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

1 个答案: