jquery - Dismiss blockUI Via Button -
jquery - Dismiss blockUI Via Button -
i trying dismiss modal, generated via blockui. having problem catching click event dismiss method never fires. maybe has run before?
here pertinent code presented 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(); });
well, #block-ui-dialog-btn element not exists when seek bind click event. can utilize onclick evenet like:
<input onclick="$.unblockui();" type="button" value="ok" class="btn blue" id="block-ui-dialog-btn">
or can find existing parent element , utilize .on('click' ... ) like:
$('#parent').on('click', '#block-ui-dialog-btn', function(){ $.unblockui(); });
jquery blockui
Comments
Post a Comment