Question

除了悬停和点击（不透明度：1）外，我有几张设置为（不透明度：0.45）的链接照片。我还有一个JQuery函数，用于监听点击，然后将点击的照片的css更改为（不透明度：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;
}

JS：

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

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

Jquery禁用css：悬停效果

1 个答案: