關閉blockUI通過按鈕

Question

我想解僱我的模態，它是通過blockUI生成的。我無法捕捉點擊事件，因此解僱方法從不會觸發。也許有人遇到過這個？

下面是相關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

那麼，當您嘗試單擊事件綁定你的＃塊-UI-對話框的BTN元素不存在。 可以使用的onclick evenet這樣的：

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

，或者你可以找到現有的父元素，並使用。對（ '點擊' ...），如：

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