눈에 띄게되면 이미지가 희미 해지지 않도록 클릭하십시오.

Question

이것은 prabobly 기본 jQuery 제품이지만 내 필요에 맞는 올바른 코드를 찾을 수없는 것 같습니다.

그래서 간단한 이미지 페이더를 설정하려고합니다. 버튼을 클릭하면 한 이미지가 다른 이미지로 사라집니다. 문제는 이미지가 이미 표시되어있을 때이 이벤트가 중지되지 않도록하려는 것입니다. 내가 설정 한 방법은 이제 이미지를 fadeOut, FadeIn으로 만듭니다. 이미 페이드 인되었지만 버튼을 여러 번 클릭 할 수 있습니다.

내가이 일을 막을 수있는 방법이 있습니까? 표시되면 바인딩 해제를 클릭 하시겠습니까?

더 똑똑한 사람들이 있습니까? 미리 감사드립니다! click event 내부

$('#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

는 볼 경우

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

Answer 2

방금 ​​확인 할 수없는 condition 같은 추가? $(".someElement").is(":visible")? 아니면 당신이 찾고있는 것이 아닌가요?

Answer 3

신경 끄시 고, 내가 버튼에 클래스 (활성)을 추가하고 클릭을 해제하는 간단한 CSS를 사용하여이 고정이 완전히 귀하의 답변에 대한 감사를 작동

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