Jquery显示和隐藏冲突

标签 jquery html css hover jquery-hover

我创建了一些结合了 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();
})

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

关于Jquery显示和隐藏冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21049712/

相关文章:

jquery - 修复 last li 并滚动 ul firefox 问题

html - CSS 下拉菜单对齐方式

javascript - 我的响应式菜单出现故障

html - CK 编辑器禁用宽度和高度

javascript - 防止同一元素上队列之间的 jQuery 动画延迟

html - 如何用CSS设置div的背景图片?

javascript - 单击类(class)时在地址栏中隐藏哈希

javascript - jQuery 悬停从底部缩放

jquery - 未捕获语法错误,无法识别的表达式 : [object HTMLDivElement] - jQuery 1. 6.2

c# - 单选框可点击图像