Question

I’m using a jquery dialog.
The content of this dialog is dynamic so the height change when the dialog is open.

$("#a_div").dialog({ width: 400 });

The dialog initially appears center in the page. but when the height change is no more center.

How can i refresh the dialog’s position without close and reopen it?

thanks

Answer 1

You need to re-set the position by doing:

$("#a_div").dialog({
    position: { 'my': 'center', 'at': 'center' }
});

The position is set once when creating the dialog, but can be altered afterwards (or just re-set at the same value, forcing jQuery to recalculate).

See this demo: http://jsfiddle.net/petermorlion/3wNUq/2/