클릭 이벤트 처리 관련 문제

Question

Jquery UI 크기 조정 핸들러가 있고 LI 세트가 들어있는 div 위에 절대 배치됩니다 (여기에는 날짜 세트가 있음). 그래서 어떤 날짜를 클릭하면 크기 조정 div가 LI 위에 있으므로 click 이벤트가 전파되지 않습니다.

어떻게하면 리가 클릭을 처리 할 수 ​​있습니까?

JSFIDDLE - http://jsfiddle.net/svXTa/1/

Answer 1

이미 언급 한 바와 같이, 그것의 마우스 이벤트를 깨지 않고 요소를 통해 클릭을 허용하는 것은 불가능하다.

디자인을 검토하고 클릭 핸들러가 바인딩 된 요소 위에 요소를 오버레이하지 않는 솔루션을 선택하는 것이 좋습니다. 현재 설치에 체류하고자하는 경우

어쨌든, 여기 아래에있는 요소의 클릭 핸들러를 호출하는 동안 크기 조정 요소를 아프게하지 않는 내 hackish 솔루션입니다 :

$('#dgArea').click(function(e) { 
    $(this).hide(); 
    $(document.elementFromPoint(e.pageX, e.pageY)).click(); 
    $(this).show(); 
}); 

Fiddle

고대의 브라우저에서는 document.elementFromPoint가 지원되지 않으므로 문제가있는 경우 수동으로 구현할 수 있습니다. 여기에 one way이 있습니다.

Answer 2

설정

#dgArea{ 
    pointer-events: none; 
}