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 弹出窗口，因此不会动态反射(reflect)更改。感谢任何帮助，谢谢

Answer 1

在我看来，您需要构建一个合适的窗口管理器，而不是绞尽脑汁地尝试编写困惑的代码。

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