jquery fadein div在wordpress循环中悬停

Question

我一直在用几种不同的方式来做这件事，我并不是百分之百确定它们一旦进入循环就会有效。

我尝试了几种不同类型的jquery悬停效果，但是有没有办法只选择.dplayDiv，它是我正在盘旋的孩子？

我把我放在这里：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
    });
});

演示：Fiddle