Question

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

1）当悬停在图像上时，图像会淡化并显示粉红色的bg

2）当盘旋时显示徽标

问题是当我复制类

时，徽标正在显示

任何人都可以提供帮助。

请参阅Fiddle

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

Answer 1

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

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

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

Answer 2

您可以使用.on()方法。

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

Answer 3

这里没有使用任何类型的Jquery和CSS。不要过度思考，这比你想象的要容易。有一个很棒的！

.portfolio-home ul li:hover{
background: grey;
opacity: 0.5;
}
ul.portfolio-home li:hover img.show-logo{
position: absolute;
display: block;
}

DEMO

Jquery显示和隐藏冲突

3 个答案: