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位置調整一下