Javascript 单击按钮时对话框未关闭

我在打开页面时显示一个对话框。但问题是当我点击对话框的一个按钮时，对话框窗口并没有关闭。我不知道为什么

这是我的密码：

在html中，我有对话框div和其他必要的输入

Html：

<div name="dialog" id="dialog"></div>
<input type="hidden" name="loginstatus" id="loginstatus" value="<%=firstlogin%>"/> 

---

为了测试这一点，我对按钮做了一些更改：

$(document).ready(function() {
                    var x=$('#loginstatus').val();
                    if(x==1){
                        $("#dialog").html("Do You Want to go for Face Recognition and Detection?");
                        $("#dialog").dialog({
                            autoOpen: true,
                            modal: true,
                            title: "Permission for Face Recognition",
                            width: 600,
                            height: 300,
                            resizable: false,
                            buttons: { 

                                "Yes,Why Not": function() {
                                callback("1");
                                $(this).dialog("close");


                            },
                            Cancel: function() {
                            callback("2");
                            $(this).dialog("close");

                            }

                            }

                    });
                    }
                    });

试一试

而不是

$(this).dialog("close");

---

除非您对范围有绝对的把握，否则不建议使用

这个
。
您的HTML是什么样子的？@Cedric I添加了HTML部分，您的代码也可以使用。jsiddle将其包装在
..
标记中，并将其放在

$(document).ready(function() {
                    var x=$('#loginstatus').val();
                    if(x==1){
                        $("#dialog").html("Do You Want to go for Face Recognition and Detection?");
                        $("#dialog").dialog({
                            autoOpen: true,
                            modal: true,
                            title: "Permission for Face Recognition",
                            width: 600,
                            height: 300,
                            resizable: false,
                            buttons: { 

                                "Yes,Why Not": function() {
                                callback("1");
                                $(this).dialog("close");


                            },
                            Cancel: function() {
                            callback("2");
                            $(this).dialog("close");

                            }

                            }

                    });
                    }
                    });

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

$(this).dialog("close");