페이지를 새로 고침 할 때 jquery UI 대화 상자를 표시하는 방법은 무엇입니까?

Question

사용자가 다시로드하고 브라우저를 닫으면 jquery UI 대화 상자를 표시하려고합니다. 나는 시도했다 :

$(window).bind('beforeunload', function() { 
    $("#confirm").dialog({ width: 500, modal: true, 
     buttons: { 
      "Ok": function() { 
       // let the page reload 
      }, 
      "Cancel": function() { 
       // cancel reloading the page 
       $(this).dialog('close'); 
      } 
     } 
    }); 
}); 

그러나 확인 대화 상자를 표시하지 않고 페이지가 다시로드되고있다. return 문을 입력하면 일반 경고 메시지가 표시됩니다. 하지만 대화를 보여주고 싶습니다. 내가 어떻게 할 수 있니?

Answer 1

사용자가 페이지를 벗어날 수 없도록 보호하기 위해 beforeunload 이벤트에서 수행 할 수있는 작업에는 심각한 제한이 있습니다. jQuery UI가 아닌 확인을 요청하는 네이티브 브라우저 대화 상자를 표시 할 수 있습니다.

Here's what you can do.