jQuery hover 不断闪烁

 $tbody.find('.heartF').each(
                function(){
                    $(this).hover(
                        function(){
                            $(this).hide();
                        },
                        function(){
                            $(this).show();
                        });
                });

我用的是最新的谷歌浏览器。

这儿的$(this)是一幅图。

当我的鼠标移动到这幅图的区域范围内时，这幅图并没有消失，而是快速地闪动。

我想要的效果是，鼠标在图片区域内移动时，图片不出现，当鼠标离开时，图片才出现。

mouseenter mouseleave mousesover mouseout 也是同样状况。

应该改对img的容器添加事件，并且容器要设置过高度宽度防止img隐藏后内容跳动从而触发out事件。你对img添加事件，都隐藏了无法触发out事件，chrome出现这种情况只能说是奇葩

http://www.php100.com/html/webkaifa/javascript/2012/0907/11014.html

可以把放在一个

可以把放在一个

可以把img放在一个div里面。大小和图片的大小一致。当鼠标经过div时图片隐藏。离开时图片显示