Question

js鼠标移入移出显示和隐藏出现bug,隐藏之后自己又显示了？

js鼠标移入移出显示和隐藏出现bug,隐藏之后自己又显示了，好奇怪，求解。谢谢

Answer 1

看看隐藏后是不是因为元素隐藏掉了，页面元素发生位移之类的，导致你又触发了移出事件。。。

追答

bug 鼠标快速划过 mouseover事件 导致公众号图片没有消失。
并不是隐藏后又显示了，而是没有触发mouseout事件。
img1(moueover) 触发后 隐藏img1 显示img2(mouseout) 只是需要一个极短的过程，鼠标mouseout 监听也有几毫秒的间隔，所以当鼠标快速通过的时候 正在执行隐藏img1显示img2 但是img2还没加载出来鼠标就已经移出了。
解决办法，逻辑不对重写。一般这种问题不严重，慢慢解决就是了。
写法有很多但是需要改变一些东西。

追问

哥，这个逻辑错了怎么修改，代码不太会。谢谢

Answer 2

出现这种情况是否是  快速移入移出？然后.show()  .hide()  里面写了时间？

解决方式：

1. 没需求就直接.show()  .hide()

2. 必须延时，就在调用方法前加上  .stop(),例如 
   

   $(this).stop().show(2000);

追问

大神你好，就是这个网站（www.xiaocikeji.com）底部微信公众号和手机端二维码显示和隐藏，鼠标快速两个二维码之间移动出现bug了，您帮忙看下，这个怎么解决，我是做美工的，代码不怎么懂。

Answer 3

没图没真相，猜猜猜