JQuery Dialog Close Event

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"); 
       } 
      } 
     }); 

Ainsi, lorsque je clique sur 'Annuler', je peux générer à nouveau le dialogue et tout va bien. Si je clique sur le «X» dans le coin supérieur droit et le génère à nouveau, il se dédouble, n'ayant pas été effacé de la dernière fois.

J'ai essayé d'ajouter l'événement beforeClose pour effacer le code HTML, mais cela ne semble pas fonctionner.

Comment puis-je l'obtenir pour effacer et fermer correctement à la fois «Annuler» et frapper le «X»?

Answer 1

Semble fonctionner si je le lie à close à la place.

Cela ne devrait pas fonctionner dans les deux sens?