jQuery：停止在多个翻转上重复动画？

我无法停止动画…如果我翻转一个链接以显示一个框5次并脱落……“显示”效果发生5次…因为我离开它我只希望它显示一次….

基本上它似乎陷入了循环….

任何想法如何停止多个实例？

jQuery(document).ready(function(){ jQuery('.ttip').hover( function() { var offset = jQuery(this).offset(); console.log(offset) var width = jQuery(this).outerWidth(); var tooltipId = jQuery(this).attr("rel"); jQuery('#tooltip-container').empty().load('tooltips.html' + tooltipId).fadeIn(500); jQuery('#tooltip-container').css({top:offset.top, left:offset.left + width + 10}).show(); }, function() { jQuery('#tooltip-container').fadeOut(500); }); }); 

Answer 1

你应该使用stop(true) 。

见http://api.jquery.com/stop

Answer 2

正如Stefan所说，使用你的代码强制动画以一个停止（真实）跳转到最后

 jQuery(document).ready(function(){ jQuery('.ttip').hover( function() { var offset = jQuery(this).offset(); console.log(offset) var width = jQuery(this).outerWidth(); var tooltipId = jQuery(this).attr("rel"); jQuery('#tooltip-container').empty().load('tooltips.html' + tooltipId).stop(true).fadeIn(500); jQuery('#tooltip-container').css({top:offset.top, left:offset.left + width + 10}).show(); }, function() { jQuery('#tooltip-container').stop(true).fadeOut(500); }); });