Question

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

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

我有办法阻止这种情况发生吗？如果可见则解除绑定？

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

$('#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内添加condition之类的

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
}

在可见时停止点击淡入图像

3 个答案: