2012-11-19 45 views
0

我在这里有下面的脚本...它适用于我鼠标悬停的项目...但是当鼠标离开时,它不会隐藏任何东西。事实上,它似乎是一个无限循环。请帮助! :-)jQuery悬停 - 鼠标不起作用

<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> 
+1

你隐藏/显示什么,你可以添加一些HTML的问题? – curtisk

+0

首先你隐藏它,然后你隐藏它更慢?那该怎么办? – adeneo

+0

谢谢你所有的答复。这里是一个例子:[http://deliversocial.com/hover/](http://deliversocial.com/hover/) –

回答

1

盒子里的苍蝇一进来就越来越集中,它触发你实施的mouseleave功能,它们消失。为了得到你想要的功能,你需要或者:

  1. 绑定鼠标离开的.hide的div所出现
  2. 使它所以新的div不重叠的.hover元素
+0

我不熟悉jQuery .bind的用法。你有什么可以帮忙的吗? –

+0

对不起,我只是想将$(“。hover”)。mouseleave部件移动到另一个元素。尝试用.hide替换.hover,看看会发生什么。 – user1827044

+0

太棒了!非常感谢!真的很感谢帮助。 :-) –