jQuery Dialog弹窗关闭及父页面刷新问题求助

看起来你遇到的核心问题是jQuery实例冲突和页面上下文不一致导致的，我来帮你一步步解决：

问题根源分析 #

1. 重复引入jQuery导致的冲突：弹窗页面再次引入jQuery时，会覆盖父页面已经加载的jQuery（包括jQuery UI的dialog插件），所以父页面的#dialog-model元素会变成新jQuery实例的对象，而新实例没有加载dialog插件，就会抛出Object doesn't support property or method 'dialog'错误。
2. 页面上下文不匹配：弹窗页面触发PostBack后，后端注册的脚本是在弹窗自身的页面上下文执行，而弹窗页面没有引入jQuery，也无法直接访问父页面定义的方法，导致刷新父页面的逻辑失效。

分步解决方案 #

1. 移除弹窗页面的jQuery引入 #

完全删除弹窗ASPX页面头部的jQuery引用，因为弹窗内容是通过$(this).load(url)加载到父页面的dialog容器中的，所以弹窗内的脚本可以直接复用父页面已加载的jQuery和jQuery UI。

2. 简化并优化父页面的jQuery方法 #

把父页面的弹窗控制方法简化，确保逻辑清晰：

// 打开弹窗的方法（保留你的原有逻辑，可适当简化）
function openmodel(url, name, width, height) {
    var maxHeight = dialogMaxHeight(height);
    var dialogHeight = height > maxHeight ? maxHeight : height;
    
    $('#dialog-model').dialog({
        my: "center",
        at: "center",
        of: window,
        autoOpen: false,
        resizable: true,
        height: dialogHeight,
        width: width,
        title: name,
        modal: true,
        draggable: true,
        open: function() {
            $(this).load(url);
        }
    }).dialog('open');
    
    return false;
}

// 仅关闭弹窗
function CloseDialogmodel() {
    $('#dialog-model').dialog('close');
}

// 关闭弹窗并刷新父页面
function CloseDialogModelAndReloadParent() {
    CloseDialogmodel();
    // 刷新父页面
    window.location.reload();
}

注意：原来的CloseDialogmodel方法不需要重新初始化dialog，直接调用close()方法即可。

3. 修正后端脚本注册的方法名 #

你的后端代码里注册的方法是CloseDialogBoxAndReloadParent()，但前端定义的是CloseDialogModelAndReloadParent，名字不匹配！另外，因为弹窗PostBack后脚本在自身上下文执行，需要通过window.parent调用父页面的方法：

Private Sub btnDone_Click(sender As Object, e As EventArgs) Handles btnDone.Click
    'do something on server
    Dim cs As ClientScriptManager = Page.ClientScript
    ' 修正方法名，并通过window.parent访问父页面方法
    cs.RegisterStartupScript(Page.GetType(), "closeandload", "window.parent.CloseDialogModelAndReloadParent();", True)
End Sub

4. 弹窗内取消按钮的调用方式 #

如果弹窗内的取消按钮是前端触发，直接调用父页面的方法即可：

<button type="button" onclick="CloseDialogmodel();">取消</button>

因为弹窗内容加载到父页面的DOM中，脚本上下文是父页面，所以直接调用方法即可；如果是通过弹窗页面的脚本绑定事件，也可以用window.parent.CloseDialogmodel()确保兼容性。

验证效果 #

1. 弹窗页面不再引入jQuery，避免冲突；
2. 点击取消按钮，弹窗正常关闭；
3. 点击btnDone按钮，后端逻辑执行后，调用父页面的方法关闭弹窗并刷新父页面。

内容的提问来源于stack exchange，提问作者user819774