显示绝对位置。在列表

Question

悬停DIV我有一个简单的问题，但它不工作了。看到这个HTML：

<div id="viewer"> 
    <ul class="tj_gallery"> 
     <li><a href="#"><img src="images/projecten/main/chicane.png" alt="" width="280" height="178" /></a><a href="#" class="abhover">01</a></li> 
    </ul> 
</div> 

的a.abhover绝对定位相对li内。 a.abhover在CSS中有display:none;。如果我将鼠标悬停一个li（这是一个长长的名单！）的a.abhover应该淡入@ 1000毫秒。目前这个工作正在进行，但仅限于每一位李先生。看到我的jQuery代码：

$(".tj_gallery li").hover(function(){ 
    $(".tj_gallery li a.abhover").stop(true,true).fadeIn("fast"); 
}, function(){ 
    $(".tj_gallery li a.abhover").stop(true,true).fadeOut("fast"); 
}); 

添加$(this, ".tj_gallery li a.abhover")或$(".tj_gallery li a.abhover", this)没有帮助（它打破它）。

Answer 1

$(".tj_gallery li").hover(function(){ 
    $("a.abhover", this).stop(true,true).fadeIn("fast"); 
}, function(){ 
    $("a.abhover", this).stop(true,true).fadeOut("fast"); 
});