dialog in jQuery

Question

i have this dialog code

// load dialog to user signup
function new_user_signup()
{
    $.get("/actions/_new_user_account.php",
    function(data){
     $("#dialog").html(data);
    });
    $("#dialog").dialog({ width: 400,resizable: false, position: 'top', draggable: false,     title: 'Opret profil' });
}

if i click on X icon in top - right and try to open my dialog agin i can't but way?

Answer 1

You must use the open method to reopen the dialog:

$("#dialog").dialog('open');

Answer 2

You need to initialize it once and then reopen it each time you call your function. Something like this:

// initialize dialog after page is loaded, pay attention to "autoOpen: false"
$(document).ready(function(){
    $("#dialog").dialog({ width: 400,resizable: false, position: 'top', draggable: false,     title: 'Opret profil', autoOpen: false });
});

// load dialog to user signup
function new_user_signup()
{
    $.get("/actions/_new_user_account.php",
        function(data){
            $("#dialog").html(data);
        }
    );
    $("#dialog").dialog('open');
 }