jQuery的 - 鼠标悬停（）/淡入（）不工作

Question

http://jsfiddle.net/rR6gC/

我想每当有人在每个条推自己的鼠标，以显示巴内部信息，但它不工作。我能够使它从纯CSS做出反应，但是当尝试使用jQuery函数时，没有任何工作。

的JavaScript/jQuery的

$('.score').mouseover(function() { 
    $(this).fadeIn('slow'); 
}); 
$('.score').mouseeleave(function() { 
    $(this).fadeOut('slow'); 
}); 

CSS

.score{ 
color:white; 
font-size:2em; 
width:100%; 
text-align:center; 
display:inline-block; 
position:relative; 
} 

Answer 1

从我能理解你想隐藏5并显示它当鼠标悬停在酒吧

1. 有一个错字
2. 你需要写了吧包装元素的mouseenter和鼠标离开事件，然后显示/隐藏内，当鼠标进入它的得分元素/叶

尝试

$('.scoreWrap2 .score').hide() 
$('.scoreWrap2').mouseover(function() { 
    $(this).find('.score').stop(true, true).fadeIn('slow'); 
}); 
$('.scoreWrap2').mouseleave(function() { 
    $(this).find('.score').stop(true, true).fadeOut('slow'); 
}); 

演示：Fiddle