[英]jQuery animation only works once or twice?
我正在整理一个网站,其中客户在quicklink滚动器中请求了非常特定的动画。
我使用了jQuery动画和jQuery fadeIn来完成悬停时的玻璃光泽和发光效果,但是当悬停一次或两次(尤其是快速连续完成)时,它会停止发生吗?
链接: http : //clientzone.fifteenten.co.uk/visioncode/html
$('.fadehover').append('<div class="hover"></div>');
$('.fadehover').hover(
function() { $(this).children('div.hover').animate({"left": "+=505px"}, 300);},
function() { $(this).children('div.hover').css({left: "-=" + 505});
});
$('.fadehover a').hover(
function() { $(this).children('div.qlink_glow').fadeIn('fast')},
function() { $(this).children('div.qlink_glow').fadeOut('fast');
});
我非常困惑,将不胜感激任何帮助...我也曾在其他悬停效果上发生过这种情况
在.animate,.fadeIn和.fadeOut之前尝试.stop(true,true)
如果在最后一个动画完成之前将鼠标悬停在元素上,则会在元素上发生此错误。 我的第一个尝试就是尝试在开始制作新动画之前帮助停止动画:
$(this).children('div.qlink_glow').stop(true,true).fadeIn('fast');
我必须进行测试,不能肯定地说是否可行,只是您可以尝试的一种可能性。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.