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

Popular posts from this blog

xslt - DocBook 5 to PDF transform failing with error: "fo:flow" is missing child elements. Required content model: marker* -

mediawiki - How do I insert tables inside infoboxes on Wikia pages? -

Local Service User Logged into Windows -