jQuery Knob作为进度条在悬停/进出时

时间:2014-10-20 19:55:02

标签: javascript jquery html user-interface jquery-knob

我试图实现一个进度条(aterrien的jQuery Knob),它可以在mouseout上中断其进度。我可以开始鼠标悬停的进展,但我不能打断它的进展,直到它完成。我想将动画反转回鼠标输出的起点,并在鼠标悬停时再次从零恢复进度。

有什么想法吗?提前致谢, 丹尼尔

(参见评论中的例子)

1 个答案:

答案 0 :(得分:1)

你可以打电话 $('.knob').stop()这将阻止当前正在运行的任何动画。当你在over / out状态下使用.stop()时效果最好,否则你鼠标快速移出几次之后会有点不稳定。我在这里更新了你的小提琴:http://jsfiddle.net/5xah6383/4/