通过按钮关闭blockUI

Question

我正在尝试解除通过blockUI生成的模态。我无法捕获click事件，因此dismiss方法永远不会触发。也许有人之前遇到过这种情况？

以下是相关的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

当您尝试绑定click事件时，您的＃block-ui-dialog-btn元素不存在。 您可以使用onclick evenet，如：

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

或者您可以找到现有的父元素并使用.on（＆＃39;点击＆＃39; ...），如：

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