javascript - jquery fadein div在wordpress循环中悬停

Question

我一直在尝试几种不同的方法来做到这一点，我不能 100% 确定它们中的任何一个一旦进入循环就会起作用。

我尝试了几种不同类型的 jquery 悬停效果，但有没有办法只选择 .displayDiv 是我悬停的 li 的子项？

我把我在这里：http: //jsfiddle.net/XkaLh/

$('li').hover(
    function()
{
    $('.hoverDisplay').animate({ 'opacity': 1 });
},
function()
{
    $('.hoverDisplay').animate({ 'opacity': 0 });
}); 

提前感谢您的帮助

Answer 1

您需要限制hoverDisplay悬停元素内的查找li元素

$('li').hover(function () {
    $(this).find('.hoverDisplay').animate({
        'opacity': 1
    });
}, function () {
    $(this).find('.hoverDisplay').animate({
        'opacity': 0
    });
});

演示：小提琴