我正在尝试创建一个函数,当您将鼠标悬停在缩略图上时,该函数将在缩略图上添加叠加层,并在您离开时移除叠加层。这是我的HTML...
<div class="thumb"><img src="i/testThumb.gif" /></div>
这是我的 jQuery ......
$('.thumb').live('mouseover', function(event){
if($(this).find('.overlay').length == 0){
$(this).prepend('<div class="overlay"></div>');
}
return false;
});
$('#galleryPanel .thumb').live('mouseout', function(event){
$(this).find('.overlay').remove();
return false;
});
问题在于,当创建叠加层时,鼠标已经在它上面,这会触发容器的“mouseout”,这会移除叠加层,并且它会不断循环闪烁。
有一个简单的解决方案吗?