Jquery显示和隐藏冲突

Question

我创建了一些结合了 css 的 Jquery 来执行以下操作

1) 当鼠标悬停在图片上时，图片会淡化并显示粉红色背景

2) 悬停时显示标志

问题是当我复制类时，所有的标志都显示了

谁能帮忙。

请参阅Fiddle

$(".portfolio-home").hover(function () {
    $(this).find(".show-logo").show();
}, function () {
    $(this).find(".show-logo").hide();
})

Answer 1

只是您的选择器中缺少 li。否则它将在 ul 中搜索具有类 show-logo 的所有元素。

$(".portfolio-home li").hover(function () {
    $(this).find(".show-logo").show();
}, function () {
    $(this).find(".show-logo").hide();
})

演示:http://jsfiddle.net/BC4eY/1435/