jqueryui对话框—；关闭按钮不工作

使对话框上的“关闭”按钮正常工作时遇到问题。我遵循了我发现的一个例子，但我的不会关闭。我做错了什么

$(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');
    });
});

---

你忘了美元。是的

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

我建议使用开发人员工具，如。它将在控制台中显示详细的错误消息。

更换

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

使用：

$(this).dialog('close')

这是一条线：

“取消”：函数（）{ （“#消息”）。对话框（“关闭”）； }

将其更改为：

---

“Cancel”：函数（）{$（this）.dialog（'close'）；}

因为我的点击事件是指一个常规按钮，点击Cancel按钮基本上再次打开对话框。我给了按钮一个id并引用了它

我把它改成了这个，但似乎还是不起作用。我在我原来的帖子中添加了一个JSFIDLE。你说得对！我不知道为什么。。。但是如果删除这行：$（'button'）。单击（function（）{$（'#message'）。对话框（'open'））；并使对话框自动打开：为真…然后关闭按钮工作！可能按钮脚本中的某些内容使js无效…感谢再次检查此内容，但我犯了一个相当粗心的错误。我没有为按钮分配id，因此每次单击“取消”按钮时，它都会再次尝试打开对话框！