2014-10-20 18 views
0

我试图实现一个进度条(aterrien的jQuery旋钮),它可以在mouseout上中断它的进度。我可以在鼠标悬停的情况下开始进度,但在完成之前我无法打断进展。我想将动画恢复到mouseout的起始点,并在鼠标悬停时再次从零重新开始。jQuery旋钮作为悬停进出的进度条

任何想法?在此先感谢, 丹尼尔

(见我的评论的例子)

+0

http://jsfiddle.net/5xah6383/ – 2014-10-20 19:55:06

+1

你的意思是这样的? http://jsfiddle.net/nkv9fuLv/我只是不想发布这个作为答案,因为它只是一个调整的例子从这里找到一个类似的问题:http://stackoverflow.com/questions/19547215/jquery-knob -hover-animation – 2014-10-20 20:21:38

+0

感谢您的帮助! – 2014-10-20 21:14:22

回答

1

您可以拨打 $('.knob').stop(),这将停止任何当前正在运行的动画。当你在over/out状态中使用.stop()时,它效果最好,否则在你快速移动/快速移动几次之后,它会变得有点不可思议。我更新了你的小提琴:http://jsfiddle.net/5xah6383/4/

+0

谢谢!真的很感激它。 – 2014-10-20 21:05:02