使用.stop()后,jQuery fadeIn和fadeOut在悬停冻结

时间:2010-12-08 04:28:00

标签: javascript jquery hover fadein fadeout

我将在我的代码中看到一个简单的悬停fadeIn和fadeOut。问题是为了防止fadeIn / Out发生100次我必须在调用fadeIn / Out之前使用.stop(),但是停止似乎会冻结元素淡出然后当你将鼠标悬停在它上面时它只会褪色就你所说,你可以在这里看到一个例子:http://ena.vu/jhover/jhover.html

,jQ代码是:


obj.children().hover(function(e){ 
$(this).find("."+options.title_class).stop().fadeIn(options.title_speed);
},function(){
$(this).find("."+options.title_class).stop().fadeOut(options.title_speed);
});

2 个答案:

答案 0 :(得分:3)

obj.children().hover(function(e){  
$(this).find("."+options.title_class).stop().fadeTo(options.title_speed,1); 
},function(){ 
$(this).find("."+options.title_class).stop().fadeTo(options.title_speed,0); 
});

我相信这对你有用。 阅读fadeTo

的更多信息

答案 1 :(得分:0)

你可以使用它,它可能对你有帮助

obj.children()。鼠标悬停(函数(){       $(this).find(“。”+ options.title_class).stop()。fadeTo('fast',1).show();

})。鼠标移开(函数(){        $(本).find(+ options.title_class “”).stop()淡出( '快')。   });