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にバインドすれば動作するようです。

これは両方の方法で動作するはずですか？