我创建了一些结合了 css 的 Jquery 来执行以下操作
1) 当鼠标悬停在图片上时,图片会淡化并显示粉红色背景
2) 悬停时显示标志
问题是当我复制类时,所有的标志都显示了
谁能帮忙。
请参阅Fiddle
$(".portfolio-home").hover(function () {
$(this).find(".show-logo").show();
}, function () {
$(this).find(".show-logo").hide();
})
最佳答案
只是您的选择器中缺少 li
。否则它将在 ul
中搜索具有类 show-logo
的所有元素。
$(".portfolio-home li").hover(function () {
$(this).find(".show-logo").show();
}, function () {
$(this).find(".show-logo").hide();
})
关于Jquery显示和隐藏冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21049712/