jQuery UI Dialog—Close Button Not Working

Question

I'm having some trouble getting the close button on my dialog box to work. I followed an example I found, but mine won't close. What am I doing wrong?

$(function() {
    $('#message').dialog({
        autoOpen: false,
        bgiframe: true,
        modal: true,
        buttons: {
            'Okay': function() {
                document.location = 
                    'http://www.google.com';
                    },
            'Cancel': function() {
            ('#message').dialog('close');
        }
        }
    });

    $('button').click(function() {
        $('#message').dialog('open');
    });
});

jsFiddle

Daff · Accepted Answer · 2011-05-20 16:39:18Z

4

You forgot the $. It is

$('#message').dialog('close');

I recommend using a developer tool like Firebug. It will display a detailed error message in the console.

answered May 20, 2011 at 16:39

Daff

44.4k9 gold badges108 silver badges122 bronze badges

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

Comments

2GDev · Accepted Answer · 2011-05-20 16:39:55Z

4

Replace

('#message').dialog('close');

use :

$(this).dialog('close')

answered May 20, 2011 at 16:39

2GDev

2,4661 gold badge20 silver badges32 bronze badges

3 Comments

Vecta Over a year ago

I've changed it to this, but it still doesn't seem to work. I've added a jsFiddle to my original post.

2GDev Over a year ago

you're right! I don't know why... but if you remove this lines : $('button').click(function() { $('#message').dialog('open'); and make the dialog autoOpen : true... then the close button work! Maybe there is something in the button script that make js not valid...

Vecta Over a year ago

Thanks for checking into this again but it was a rather careless mistake on my part. I didn't assign my button an id, so every time I clicked the "cancel" button it would try to open the dialog box again!

Malevolence · Accepted Answer · 2011-05-20 16:41:20Z

2

It's the line:

'Cancel': function() { ('#message').dialog('close'); }

Change it to:

'Cancel': function() { $(this).dialog('close'); }

answered May 20, 2011 at 16:41

Malevolence

1,85712 silver badges9 bronze badges

Comments

Vecta · Accepted Answer · 2011-05-20 17:31:36Z

1

Since my click event is referring to a general button, hitting the cancel button essentially opened the dialog again. I gave the button an id and referenced that.

answered May 20, 2011 at 17:31

Vecta

2,3505 gold badges28 silver badges50 bronze badges

Collectives™ on Stack Overflow

jQuery UI Dialog—Close Button Not Working

4 Answers 4

Comments

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related