Jquery禁用css :悬停效果

Question

我有几张链接照片，设置为(不透明度: 0.45)，但在悬停和点击时除外(不透明度:1)。我还有一个JQuery函数监听点击，然后将点击照片的css更改为be (不透明度:1)，其余更改为(不透明度: 0.45)。但是，一旦函数运行，悬停效果就会被禁用。有什么想法吗？

HTML：

<a class="img_thumbs"><img src="someimage.jpg"></a>

CSS：

.img_thumbs:hover {
      opacity:1;
}

.img_thumbs {
      opacity:0.45;
}

JQuery：

$('.img_thumbs').click(function(){
    event.preventDefault();
    $('.img_thumbs').css({'opacity': '0.45'});
    $(this).css({'opacity': '1'});
}):

我试过：

• 在函数内外添加JQuery .hover()效果
• 将选择器css、html单独和一起更改为a.img_thumbs。
• 查找代码失败的地方

该函数还运行AJAX调用和其他几个侦听器，但我确定它们没有任何不良影响(注释掉了它们)，因此问题只存在于我提供的代码中。

另一种解决办法也将得到感激的接受，事先谢谢。

Answer 1

用这个：

CSS：

.img_thumbs:hover {
  opacity:1;
}
.active {
      opacity:1 !important;
}
.img_thumbs {
      opacity:0.45;
}

联署材料：

$('.img_thumbs').click(function(event){
    event.preventDefault();
    $('.img_thumbs').removeClass( "active" )
    $(this).addClass( "active" );
});

提示是使用其他活动类，并在单击时添加或删除该类。