jquery - 如何在对话框中关闭 jQuery Dialog？

Question

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

对话框内部是一个简单的表单请求。如果提交成功，则 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>

Answer 1

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

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

随时可以。