javascript - Javascript代码未按顺序执行

Question

我有 2 个 div 目前在屏幕上显示为弹出窗口，

<div id="div1">div1 </div>

和 <div id="div2"> div2 </div>

div2 当前有焦点，它的 z-index 大于 div1。虽然 div2 有重点，但我需要按确切顺序执行以下操作：

用jsp页面加载div1关闭div2（当div2关闭时，焦点回到div1，应该会自动动态加载。

这是我到目前为止的代码：

$("#div1").load("div1data.jsp", {parameter: PARAMETER},function(){
                      $("#div2").bPopup().close();  //close the popup instance that is div2
                      $("#div2").remove();  //remove from dom
            });
 });

问题是 div2 正在关闭，当焦点返回到 div1 时，它没有加载。所以它在将 jsp 文件加载到 div1 之前关闭了 div2 弹出窗口，因此更改不会动态反映。任何帮助表示赞赏，谢谢

Answer 1

在我看来，您需要构建一个合适的窗口管理器，而不是纠结于尝试编写纠结的代码。

保留打开的窗口列表。为窗口实现 onfocus 和 onblur 事件。当一个窗口关闭时，选择一个新窗口作为焦点。