顯示絕對位置。在列表

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"); 
});