jquery - 可见时停止点击淡化图像

Question

这可能是基本的 jQuery 东西，但我似乎找不到适合我需要的正确代码。

所以，我试图设置这个简单的图像推子。如果单击按钮，则一个图像会淡入另一个图像。问题是我想在图像已经可见时阻止此事件发生。我现在设置的方式使图像淡出，然后淡入，即使它已经淡入。这样我可以多次单击按钮。

我有办法阻止这种情况发生吗？如果可见然后取消绑定点击？

那里有更聪明的人吗？提前致谢！

$('#services .serviceWrap h3').click(function (event) {

    var Service = 'service' + $(this).attr("id");

    $('#services .serviceWrap img').fadeToggle(200, function () {
        $('#services .serviceWrap img').attr("src", 'img/' + Service + '.gif');
        $('#services .serviceWrap img').fadeToggle(200);
    });
}); 

Answer 1

在里面click event加个conditionlike

if($('#services .serviceWrap img').is(':visible')){
     //do something
}else{
   //do something
}

Answer 2

你不能检查它是否可见吗？$(".someElement").is(":visible")? 或者这不是你要找的吗？

Answer 3

没关系，我通过向按钮添加一个类（活动）并使用简单的 css 来禁用点击来解决这个问题：

.active {
pointer-events:none;
cursor: default
}