我有一个小型系统,其中在页面中填充了图像,将鼠标悬停在图像上会在图像上设置背景颜色并在图像上滚动一些文本。然后,当您停止悬停时,文本会滚动关闭并且背景会使用以下代码淡出:
$j('.projects .block .mob_hide').hover(function(){
console.log('sliding detals');
$j(this).find('.background').stop().animate({
'opacity': 'toggle'
}, 400);
$j(this).find('.text').stop().animate({
'height': 'toggle',
'opacity': 'toggle'
}, 400);
});
现在这一切都工作正常,但是有时如果用户在页面可能仍在加载时滚动图像(我不是 100% 确定),鼠标悬停状态会显示,而鼠标没有悬停在图像上(现在悬停在隐藏和悬停显示)。
有没有办法解决这个问题?m 代码当前位于 window.load 函数中,我认为这将阻止此类事情成为可能。