모달 대화 상자를 열 때 컨트롤 클릭 이벤트를 비활성화하는 방법

Question

jquery에서 모달 대화 상자를 열면 모든 입력 컨트롤이 비활성화됩니다. 하지만 여전히 버튼, div 등 컨트롤을 클릭 할 수있을 것입니다. jquery에서 모달 대화 상자가 열리면 모든 상호 작용을 비활성화 할 수 있습니다.

Answer 1

모든 컨트롤이 오버레이 div 뒤에 놓 이도록 div로 전체 페이지를 오버레이해야합니다.

<div class="overlay" style="z-index: 1001; width: 1440px; height: 504px; "></div> 
.overlay { 
background: #AAA 
opacity: .3; 
filter: Alpha(Opacity=30); 
} 

상세 정보 : http://jqueryui.com/demos/dialog/modal.html