我如何从页面中删除jQuery UI对话框样机?

时间:2011-06-09 09:45:44

标签: jquery jquery-ui

当对话框关闭页面时,页面中隐藏了对话框样机。所以我怎么能删除它们然后用模型删除它们。意味着我如何删除与模型的对话,以便以后它们不是在DOM中可以找到的模型。

2 个答案:

答案 0 :(得分:2)

尝试:

var dialog = $('#my_dialog').dialog();
$('#my_dialog').dialog('destroy').remove()

或者把它放在关闭事件中:

var dialog = $('#my_dialog').dialog({
    close: function() {
        $(this).dialog('destroy').remove();
    }
});

答案 1 :(得分:1)

我认为您必须使用.dialog("destroy")与您用于创建它的相同选择器 或者,如果您将对话框指向javascript变量,则可以在变量上调用该方法。

$('#myid').dialog("destroy")//You created it with $('#myid').dialog()
mydialog.dialog("destroy")//You created it with var mydialog = $('#myid').dialog()

如果您在关闭dialag时想要这样做,请在创建时执行此操作:

$('#myid').dialog({close: $('#myid').dialog("destroy")});

编辑 - 好吧,我知道你想要删除对话框。要删除html我认为你可以这样做:

$('#myid').dialog({close: $('#myid').remove()});
//this removes the element with the id myid from the DOM