Question

我有一个网格，显示有关悬停的一些信息。

点击后，我会看到显示的列表内容，并淡出另一个div。

我遇到的问题是单击我的一个列表，悬停出现在所有其他列表项中......这些悬停信息都不会出现。

这是我正在使用的jQuery：

$('ul.thumbs li').on('click', function(){
    $('ul.thumbs li').find('.description').css('opacity',0);
    $('ul.thumbs li').not(this).find('.description').css('opacity',1);
});

为了更好地理解，请找到我的代码：

http://codepen.io/anon/pen/rxBmYa

您会看到点击一个缩略图时，悬停效果会保留在另一个缩略图上。

如果有人有任何解决方案，那就太棒了:)）

Answer 1

使用not选择器的方式有误。请参阅文档here。对于您的用例，您可以使用以下内容替换前三行：

$('ul.thumbs li').on('click', function(e){
   $('ul.thumbs li').find('.description').css('opacity',0);
   $(e.target).css('opacity',1);
});

在这种情况下，e是作为参数传递的click事件，e.target给出了注册事件的目标元素。

工作笔是here

网格，点击隐藏其他div的html内容

1 个答案: