Question

我有一张表，在第一个<td>内是一个隐藏的<div>。我想使用jQuery ui对话框显示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>

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

显示并关闭对话框后，它将删除隐藏的div，因此在页面刷新之前无需显示。

Answer 1

制作最后一个功能：

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

根据docs，它应该恢复到原来的状态。

jQuery ui对话框删除div

1 个答案: