javascript - (JQuery-UI)有没有办法检测在 Close() 处理程序之前在对话框中按下了什么按钮？

Question

我的 JavaScript 代码显示了一个对话框，要求用户提供一些信息，还有两个按钮(确定和取消)。我想使用 dialog 的 beforeClose 处理程序在用户单击 OK 按钮时验证输入(这样如果用户没有进行正确的输入，他/她仍然“在”对话框中并且有机会更正它)。有没有办法告诉我按下了两个按钮中的哪一个？ (显然，如果用户按下取消，则不需要输入验证，对话框可以继续并关闭 - 即我的 beforeClose 可以返回 true)。我看到 beforeClose 有两个输入，event 和 ui 但它们似乎都不包含我想要的信息。

Answer 1

您只需在关闭框之前绑定(bind)一些其他函数(如果表单未通过验证，则根本不调用关闭)。只需在 $(this).dialog("close") 之前添加您需要的任何检查或 ajax 调用。来自:http://jqueryui.com/demos/dialog/#modal-confirmation

<script>
    $(function() {
        // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
        $( "#dialog:ui-dialog" ).dialog( "destroy" );

        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height:140,
            modal: true,
            buttons: {
                "Delete all items": function() {
                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    $( this ).dialog( "close" );
                }
            }
        });
    });
    </script>