jQuery ui对话框删除div

<td> 是隐藏的 <div>

示例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>

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

在对话框显示并关闭之后,它将删除隐藏的div,因此在刷新页面之前没有显示任何内容。