jQuery hover 不断闪烁

Question

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

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

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

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

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

mouseenter mouseleave mousesover mouseout 也是同样状况。

Answer 1

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