在不使用 CSS3 过渡时,我把自己写进了一个洞。使用下面的代码,有时会在动画期间触发 mouseleave 事件,并且我要更改的元素不存在。
我意识到我的选择可能非常有限(已阅读检查鼠标悬停选项)但我认为值得一问以防万一。
$(".flip_item").mouseenter(function(){
$(this).find('img:first').stop(true,true).fadeTo(500, 0.5);
$(this).find('._vis').stop(true,true).fadeTo(500,1);
}).mouseleave(function(){
if (!$(this).find('img:first').length || !$(this).find('._vis').length){
//please let there be an answer that would go here..
}
$(this).find('img:first').stop(true,true).fadeTo(500, 1);
$(this).find('._vis').stop(true,true).fadeTo(500, 0);
});
提前致谢。