首页 > 代码库 > js(jquery)鼠标移入移出事件时,出现闪烁、隐藏显示隐藏显示不停切换的情况

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)鼠标移入移出事件时,出现闪烁、隐藏显示隐藏显示不停切换的情况