js(jquery)鼠标移入移出事件时，出现闪烁隐藏显示隐藏显示不停切换的情况

Posted 2020-08-30 MY0101

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js(jquery)鼠标移入移出事件时，出现闪烁隐藏显示隐藏显示不停切换的情况相关的知识，希望对你有一定的参考价值。

<script>
$(".guanzhu").hover(function(){
  $(".weixinTop").show();
  },function(){
  $(".weixinTop").hide();
  });
</script>

js代码如上：

js(jquery)鼠标移入移出事件时，出现闪烁、隐藏显示隐藏显示不停切换的情况

最终发现：

class="weixinTop" 的div，把class="guanzhu"所在的层遮住了，导致类似鼠标移出的效果，移出之后，weixinTop隐藏，又相当于移入guanzhu，weixinTop显示。如此反复。

解决方法：

把class="weixinTop" 的div位置调整一下

以上是关于js(jquery)鼠标移入移出事件时，出现闪烁隐藏显示隐藏显示不停切换的情况的主要内容，如果未能解决你的问题，请参考以下文章