JQuery對話框關閉事件

Question

$("#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」中正確清除並關閉？

Answer 1

似乎工作，如果我將它綁定到close而不是。

不應該這兩種方式雖然？