jQuery：关闭子对话框窗口答案

【问题标题】：jQuery: Closing child dialog windowjQuery：关闭子对话框窗口
【发布时间】：2013-12-11 14:55:43
【问题描述】：

我有一个带有一些选项卡、动态数据等的 jquery 对话框窗口。其中有一个按钮，它调用另一个对话框。该对话框有两个用于保存和关闭的按钮...如果我单击关闭，它会这样做。但是如果我点击保存，内容会被保存并关闭对话框，但父对话框也会关闭，这是我不想要的。这通常是如何解决的？子对话框的代码在这里：

$('<div id="popis" style="display:none">').dialog({
        title: 'Popis rizika',
        height:300,
        buttons:{
                'Uložit': function(){
                    $("#popisRizika").submit();
                    $(this).remove();
                },


    'Zrušit': function(){
                $( this ).dialog( "close" );
            },                  
    },
    open: function(event, ui){
        $(this).load('rizika_popis.php?stupen='+<?echo $IdStStupen;?>+'&index='+i);
    },
    close: function(ev, ui){
            $(this).remove();
    },
});

【问题讨论】：

标签： jquery dialog

【解决方案1】：

那是因为您在单击保存时提交表单$("#popisRizika").submit(); .. 这会使整个页面重新加载，从而导致父对话框和子对话框也关闭.. 您在这里需要的是通过$.ajax、$.post 或 $.get.. 这不会重新加载页面，因此您可以在成功回调后手动关闭子对话框

类似这样的东西，使用 $.post ：

 'Uložit': function(){
                $.post(url,$("#popisRizika").serialize(),function(result){
                   $( this ).dialog( "close" );
                })
            },

【讨论】：