jquery ui dialog global variable

Question

I'm tring to create a jquery ui dialog without having a empty div container for the dialog in the HTML. For some reason, the global variable isn't recognized in other javascript functions (besides the original javascript function).

var $signOutDialog = null;


function createDialog() {
    var $signOutDialog = $("<p></p>").dialog({
        resizable: false,
        title: 'Sign Out',
        width: 830,
        autoOpen: false,
        modal: true,

    });
}

and then i have another javascript function which gets called as a result of a $.ajax success delegate. the $signOutDialog global variable is NULL in this function.

 function test2() {
     $signOutDialog.dialog('close'); 
 }

any known solution for closing a jquery ui dialog without having the dialog as an empty html element?

Alex · Accepted Answer · 2012-02-22 21:50:05Z

2

Remove the var before $signOutDialog in the function, you define it again in the function as a local variable in the function's scope.

edited Feb 22, 2012 at 21:50

answered Feb 22, 2012 at 21:25

Alex

1,72219 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nettogrof · Accepted Answer · 2012-02-22 21:29:24Z

1

the global $signOutDialog is a regular javascript variable.

The $signOutDialog inside the createDialog, is a different than the previous one.

so in the test2 method, it try to ".dialog('close')" on a null.

answered Feb 22, 2012 at 21:29

Nettogrof

2,1362 gold badges15 silver badges22 bronze badges

Collectives™ on Stack Overflow

jquery ui dialog global variable

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related