显示绝对位置。 div 悬停在列表中

Question

我有一个简单的问题，但没有解决。看到这个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 毫秒后淡入。现在这是有效的，但仅适用于这些 li 中的每一个。查看我的 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");
});