jquery - jQuery悬停 - 鼠标悬停不起作用

Question

我在这里有以下脚本......当我将鼠标悬停在项目上时它可以工作......但是当鼠标离开时，它不会隐藏任何东西。事实上，它看起来就像一个无限循环。请帮忙！:-)

<script type="text/javascript">
$(document).ready(function() {
        // Handler for .ready() called.
    $(".hover").hover(
      function () {
         $('.hide').hide();
        var clss = $(this).attr('id');
        $('.pop_'+clss+'').show('slow');
      }, 
      function () {
        $('.hide').hide('slow');
      }
    );


});
</script>

Answer 1

盒子里的苍蝇一进入就会获得焦点，这会触发您实现的 mouseleave 功能并且它们会消失。为了获得您想要的功能，您需要：

1. 将 mouseleave 绑定到出现的 .hide div
2. 使新的 div 不会与 .hover 元素重叠