닫을 때 대화 상자를 닫습니다.

Question

jquery 대화 상자를 닫는 방법에 대해 이미 많이 읽었지만 솔루션을 게시 할 수 없습니다.

여기 내 코드가 있습니다.

function openPopUp(element){ 
var a = element; 
var dialog = $("#methods").dialog({ 
       autoOpen: false, 
       modal: true, 
       draggable: false, 
       resizable: false, 
       open: function() { 
         $(".ui-dialog-titlebar-close").hide(); 
      //THIS IS THE SOLUTION THAT I CAN'T GET TO WORK 
      $('.ui-widget-overlay').bind('click', function() { 
              $('#methods').dialog('close'); 
        }) 
      } 
}); 

//open dialog 
    dialog.dialog('open'); 

//set dialog position 
    $("#methods").dialog( 
       "option", 
       "position", 
       { 
        my: "left bottom", 
        at: "left bottom", 
        of: a 
       } 
      ); 
      } 

나는 내가 대화 상자에 대한 정말 중요한 것을 missunderstanding있어 생각 내 HTML 코드

onclick="openPopUp(this);" 

에서 onclick 이벤트에서이 함수를 호출, 아무도 나를 도울 수 있습니까?

내 .ui-widget-overlay div에 내 페이지 내부에 치수가없는 것이 하나의 주요 문제 일 수 있습니다.

Answer 1

function openPopUp(element){ 
var a = element; 
$("#methods").dialog({ 
       autoOpen: false, 
       modal: true, 
       draggable: false, 
       resizable: false, 
       open: function(event, ui){ 
       $(".ui-dialog-titlebar-close").hide(); 
       //THIS IS THE SOLUTION THAT I CAN'T GET TO WORK 
       $(document).on('click','.ui-widget-overlay', function() { 
          $('#methods').dialog('close'); 
        }); 
       } 
      }); 

     }