How to auto-center jQuery UI dialog when resizing browser?

Question

When you use jquery UI dialog, all works well, except for one thing. When the browser is resized, the dialog just stays in it\'s initial position which can be really annoyin

Answer 1

Alternatively jQuery ui position can be used,

$(window).resize(function ()
{
    $(".ui-dialog").position({
        my: "center", at: "center", of: window
    });
});