JQuery 对话框关闭事件

发布于 2024-11-14 06:14:10 字数 865 浏览 2 评论 0原文

$("#termSheetPrinted").dialog({
            autoOpen: false,
            resizable: true,
            height: $(window).height() - 50,
            width: $(window).width() - 50,
            position: 'center',
            title: 'Term Sheet',
            beforeClose: function(event, ui) { $("#termSheetPrinted").html(''); },
            modal: true,
            buttons: {
                "Print": function () {
                    $("#termSheetPrinted").jqprint();
                },
                "Cancel": function () {
                    $("#termSheetPrinted").html('');
                    $(this).dialog("close");
                }
            }
        });

因此，当我单击“取消”时，我可以再次生成对话框，并且一切看起来都很好。如果我单击右上角的“X”并再次生成它，它会加倍，与上次相比没有被清除。

我尝试添加 beforeClose 事件来清除 HTML，但它似乎不起作用。

如何才能从“取消”和点击“X”中正确清除并关闭它？

原文

$("#termSheetPrinted").dialog({
            autoOpen: false,
            resizable: true,
            height: $(window).height() - 50,
            width: $(window).width() - 50,
            position: 'center',
            title: 'Term Sheet',
            beforeClose: function(event, ui) { $("#termSheetPrinted").html(''); },
            modal: true,
            buttons: {
                "Print": function () {
                    $("#termSheetPrinted").jqprint();
                },
                "Cancel": function () {
                    $("#termSheetPrinted").html('');
                    $(this).dialog("close");
                }
            }
        });

So, when I click 'Cancel', I can generate the dialog right over again and everything looks fine. If I click the 'X' in the upper right corner and generate it again, it doubles up, having not been cleared from the last time.

I tried adding the beforeClose event to clear the HTML, however it doesn't seem to be working.

How can I get it to clear and close properly from both 'Cancel', and hitting the 'X'?

分享到QQ

分享到微博