jQuery ui dialogue supprime div

Question

J'ai une table et dans le premier <td> est caché <div>. Je veux montrer la div en utilisant une boîte de dialogue ui jQuery que j'ai le code suivant

exemple tr

<tr> 
    <td> 
     <div id="subscriberNote" style="display: none;"> 
      long message text........ 
     </div> 
     long mess... 
    </td> 
    <td> 
     <a id="notedetails" href="#">View note</a> 
    </td> 
</tr> 

jQuery

function subscriberNotes_onload() { 

    $("#subscriber_notes tr").bind("click", function() { 

     openDialog(this); 

    }); 

} 

function openDialog(row){ 
    $(row).closest("tr").find("td:eq(0)").find("#subscriberNote").dialog({ 
     title: "Message", 
     modal: true, 
     width: 600, 
     height: 530, 
     buttons: { 
      "OK": function() { $(this).dialog("close"); } 
     } 
    }).show(); 
} 

Après la boîte de dialogue apparaît et fermé, il enlève le caché div et n'a donc rien à afficher jusqu'à ce que la page est actualisée.

Answer 1

Faire la dernière fonction comme:

function openDialog(row){ 
    $(row).closest("tr").find("td:eq(0)").find("#subscriberNote").dialog({ 
     title: "Message", 
     modal: true, 
     width: 600, 
     height: 530, 
     buttons: { 
      "OK": function() { $(this).dialog("close"); } 
     }, 
     close: function(){ $(this).dialog("destroy")} 
    }).show(); 
} 

Selon le docs il devrait revenir à son état d'origine.