버튼을 통해 blockUI 닫기

Question

blockUI를 통해 생성 된 내 모달을 닫으려고합니다. Dismiss 메소드가 실행되지 않도록 click 이벤트를 잡는 데 문제가 있습니다. 어쩌면 누군가가 전에 이것에 빠져 있었을 것입니까?

다음은 클릭 이벤트를 바인딩 할 때, 당신의 # 블록-UI-대화-btn을 요소가 존재하지 않는 관련 code presented as a Fiddle

function blockUIDisplayMessage(title, message) { 


    var msg = '<div id="block-ui-dialog"><img src="/path/to/img.png"/><h2>' + title + '</h2><p>' + message + '</p><p> <input type="button" value="OK" class="btn blue" id="block-ui-dialog-btn"></p></div>'; 

    $.blockUI({ message: msg, css: { wdth: '431px', border: '1px solid #000000', padding: '30px' } }); 

} 

function blockUIDismissMessage() { 

    $.unblockUI(); 
} 

$('#block-ui-dialog-btn').click(function() { 

    $.unblockUI(); 
}); 

Answer 1

음이다. 당신이 좋아하는 온 클릭 evenet를 사용할 수 있습니다

<input onclick="$.unblockUI();" type="button" value="OK" class="btn blue" id="block-ui-dialog-btn"> 

또는 기존 부모 요소를 찾아 CSTE 연구진을 사용할 수 있습니다 (... '클릭')와 같은 :

$('#parent').on('click', '#block-ui-dialog-btn', function(){ 
    $.unblockUI(); 
});