CSS로 요소에 대한 클릭 등 이벤트 발생 막기

jQuery 이벤트 발생 차단하기

pointer-events: none;

요소에 대한 이벤트 발생을 막고 싶을 때 사용하는 CSS.
이 css가 적용되면 jQuery의 click 등의 이벤트가 동작 되지 않는다.

예제

###############################################

<a class="wid-01" href="#">이벤트</a>

$('.wid-01').css('pointer-events','auto'); //이벤트 가능하도록 처리
$('.wid-01').css('pointer-events','none'); //이벤트 막음

###############################################