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

【问题标题】：jQuery Knob plugin, stop repeating animations (slideDown, slideUp)jQuery Knob 插件，停止重复动画（slideDown、slideUp）
【发布时间】：2013-02-02 14:33:11
【问题描述】：

我使用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 秒上下滑动一次。我想阻止它重复。如何解决？

【问题讨论】：

标签： jquery jquery-knob

【解决方案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.

【讨论】：