특정 하위 요소에 대한 클릭을 무시하도록 JQuery를 원합니다.

Question

div 내 사용자가 링크를 클릭하면 무시하고 싶은 div에 대한 클릭 콜백이 취소되었습니다. 이 기능은 다음과 같습니다

$(".section").click(function(){ 
    if ($(this).hasClass("solid")) { 
     $(this).removeClass("solid"); 
     $(this).hover(fadeFunction, darkenFunction); 
     $(this).fadeTo(150, inactiveOpacity); 
    } 
    else { 
     $(this).addClass("solid"); 
     $(this).unbind("mouseenter"); 
     $(this).unbind("mouseleave"); 
     $(this).fadeTo(25, inactiveOpacity); 
     $(this).fadeTo(150, activeOpacity); 
    } 
}); 

나는 포장 해봤/그 밖에 if(!$(this).is("a)) { 최대하지만, 행동에 변화가 없을 경우. 누군가 내가 잘못 이해하고 있거나 잘못하고있는 것을 지적 할 수 있습니까?

죄송합니다. 쉬운 질문이라면, 저는 JQuery/css 초보자입니다.

Answer 1

이벤트 대상이 같은 앵커 인 경우 확인할 수 있습니다 :

$(".section").click(function(e){ 
    if($(e.target).is("a")) return; 

    if ($(this).hasClass("solid")) { 
     $(this).removeClass("solid"); 
       .hover(fadeFunction, darkenFunction); 
       .fadeTo(150, inactiveOpacity); 
    } 
    else { 
     $(this).addClass("solid"); 
       .unbind("mouseenter mouseleave"); 
       .fadeTo(25, inactiveOpacity); 
       .fadeTo(150, activeOpacity); 
    } 
}); 

Answer 2

이 시도 : 여기

$('a').click(function(e) { 
    e.stopPropagation(); 
}); 

당신이 문서를 찾을 수 있습니다 http://api.jquery.com/event.stopPropagation/