jqueryui 대화 상자 회색으로 표시되는 대화 상자

Question

jQueryUI (확장?)를 사용하고 페이지에 간단한 오버레이가 있습니다. Here's what I have so far

어쨌든 대화 상자가 열려있을 때 화면을 회색으로하는 방법으로 내장 어떤이있다? 페이지에 다른 div를 추가하여이 작업을 수행 할 수 있다는 것을 알고 있습니다. jQueryUI에 내장 된 것과 같은 것이 있는지 알고 싶습니다.

API에서 이와 같은 항목을 찾을 수 없으므로 놓친 것일 수 있습니다.

Answer 1

개체 리터럴을 사용하여 대화 상자의 옵션을 지정할 수 있습니다. 이 옵션 중 하나는 대화 상자 뒤의 화면에 오버레이를 배치하는 모달입니다. 이 오버레이는 사용자가 대화 상자 뒤를 클릭하지 못하게합니다.

$('#over').dialog({modal:true}); 

예 : http://jsfiddle.net/vhA2w/1/

체크 아웃에서 사용할 수있는 모든 옵션 : http://jqueryui.com/demos/dialog/

Answer 2

This jsfiddle 당신

$('#over').dialog({ modal: true });