如何关闭对话框内的 jQuery Dialog？

如何在不使用关闭按钮的情况下关闭对话框内的 jQuery 对话框？

对话框内是一个简单的表单请求。如果提交成功，UI 对话框将自动关闭并刷新父页面：

<script type="text/javascript">
    $(document).ready(function () {
        $("#form-dialog").dialog({
            autoOpen: true,
            modal: true,
            width: 200,
            draggable: true,
            resizable: true
        });
    });
</script>

<div id="form-dialog" title="Form Submit">
    <form action="default.aspx" method="post">
        <input type="text" name="name" value=" " />    
        <input type="submit" value="submit" />

        <a href="#" id="btnDone">CLOSE</a>

        <script type="text/javascript">
        $(document).ready(function () {
            $("#btnDone").click(function () {
                $(this).dialog('close');
            });
        });
        </script>
    </form>
</div>

您可以通过调用以编程方式关闭它

$('#form-dialog').dialog('close')

无论你什么时候想要。