jQuery UI对话框 - 关闭按钮不起作用

Question

我在使用对话框上的关闭按钮时遇到了一些麻烦。我跟着我发现的一个例子，但是我不会关闭。我做错了什么？

$(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

你忘记了$。它是

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

我建议使用像Firebug这样的开发者工具。它将在控制台中显示详细的错误消息。

Answer 2

替换

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

使用：

$(this).dialog('close')

Answer 3

这就是界限：

'取消'：function（）{             （ '#message'）对话框（ '关闭'）。         }

将其更改为：

'取消'：function（）{$（this）.dialog（'close'）; }

Answer 4

由于我的点击事件是指一般按钮，点击取消按钮基本上会再次打开对话框。我给了按钮一个id并引用了它。