Question

I have a jquery dialog on my page. When I don’t need my dialog anymore, I “hide” it like this:

$('#modal-dialog').modal('hide');

My question: how can I bind an event on the ‘hiding’ (not really closing…) of the dialog to do some things.

I already this:

$('#modal-dialog').bind('dialogclose', function (event) {
    // do something here
});

But it doesn’t work.

Thanks for your help.

Answer 1

Assuming you are using the bootstrap modal library:

$('#modal-dialog').on('hidden', function () {
  // do something…
})