关闭JS弹窗后刷新父页面并返回原激活tab的实现方案咨询

核心逻辑为刷新页面之前先存储当前激活标签的标识，页面加载完成后读取该标识并主动激活对应标签即可，以下是针对你当前使用jQuery UI组件栈的具体实现：

步骤1：修改弹窗关闭回调逻辑 #

先获取当前#tabs-notes的激活标签索引，存储到本地存储后再执行刷新，修改你的dialog初始化代码如下：

<script type="text/javascript">
     $(document).ready(function() {
        $("#dialog").dialog({ 
            autoOpen: false, 
            modal: true, 
            open: '', 
            height: '100', 
            width: '100', 
            resizable: true, 
            title: '', 
            close: function() {
                // 存储当前激活的标签索引
                const activeTabIndex = $("#tabs-notes").tabs("option", "active");
                localStorage.setItem("tabsNotesActiveIndex", activeTabIndex);
                window.location.reload();
            } 
        });
</script>

步骤2：页面加载时恢复激活标签 #

在你初始化#tabs-notes标签组件的代码中，新增读取本地存储、设置默认激活标签的逻辑：

$(document).ready(function() {
    // 读取存储的激活标签索引，默认值为0（第一个标签）
    const savedIndex = localStorage.getItem("tabsNotesActiveIndex");
    const defaultActiveIndex = savedIndex ? parseInt(savedIndex) : 0;

    // 初始化标签组件时指定激活索引
    $("#tabs-notes").tabs({
        // 保留你原来的tabs配置项
        active: defaultActiveIndex
    });

    // 可选：清除存储的索引，避免下次直接打开页面时跳转到上次的标签
    localStorage.removeItem("tabsNotesActiveIndex");
})

可选替代方案：如果需要支持页面分享时也保留激活标签状态，可将激活索引拼接在URL的hash部分（例如location.hash = activeTabIndex），刷新后读取location.hash的值进行标签激活即可，无需使用本地存储。

其他标签组件适配 #

如果你使用的不是jQuery UI Tabs，而是Bootstrap等其他标签组件，只需要对应修改存储和恢复的逻辑即可：

• 存储阶段：获取当前激活标签的索引或唯一标识进行存储
• 恢复阶段：页面加载后根据存储的标识手动触发对应标签的激活事件

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