繁体   English   中英

jQuery动画只能运行一次或两次?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM