2 quicksilvery quicksilvery 于 2016.02.14 21:12 提问

jQuery hover 不断闪烁
 $tbody.find('.heartF').each(
                function(){
                    $(this).hover(
                        function(){
                            $(this).hide();
                        },
                        function(){
                            $(this).show();
                        });
                });

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

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

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

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

mouseenter mouseleave mousesover mouseout 也是同样状况。

5个回答

showbo
showbo   Ds   Rxr 2016.02.15 09:30
已采纳

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

quicksilvery
quicksilvery 看样子原因是我没有对div的大小进行设置,因为图片隐藏div自动收缩,反复触发所致。
接近 2 年之前 回复
devmiao
devmiao   Ds   Rxr 2016.02.15 07:08
wyy94
wyy94   2016.02.15 10:35

可以把放在一个

里面。大小和图片的大小一致。当鼠标经过
时图片隐藏。离开时图片显示
wyy94
wyy94   2016.02.15 10:35

可以把放在一个

里面。大小和图片的大小一致。当鼠标经过
时图片隐藏。离开时图片显示
wyy94
wyy94   2016.02.15 10:35

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!