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

Answer 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.

Answer 2

It's the line:

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

Change it to:

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

Answer 3

Replace

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

use :

$(this).dialog('close')

Answer 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.