Search within TutorialsPark

jQuery UI : Dialogs Events


Learn how to use jQuery UI Dialog Events to trigger Functions.


jQuery UI : Dialog Events

jQuery UI Dialog widget supports a rich set of events, which can be used to trigger callback functions.

Table : jQuery UI Dialog Methods

Events Description
beforeClose Event is fired when the dialog is about to be closed.
close Event is fired when the dialog is closed.
create Event is fired when the dialog is being initialized
drag Event is fired when the dialog is being dragged.
dragStart Event is fired when the dialog starts being dragged.
dragStop Event is fired when the dialog stops being dragged.
focus Event is fired when the dialog gets the focus
open Event is fired when the dialog is opened
resize Event is fired when the dialog is being resized.
resizeStart Event is fired when the dialog starts to be resized.
resizeStop Event is fired when the dialog stops being resized.

jQuery UI Dialog : Keeping the Dialog Box Open all the Time

The jQuery UI Dialog event beforeClose enables you to get notification when the dialog box is about to be closed.

A good development practice is to allow the user to close the dialog, but you make the user perform some task before the dialog is closed.

Example: jQuery UI Dialog - Keeping the Dialog Box Open

Give it a TRY! » Note: The timer is executed for 5sec before the page gets active again.