Javascript代码没有按顺序执行

时间:2013-05-10 16:41:43

标签: javascript html css jsp bpopup

我有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弹出窗口,因此不会动态反映更改。感谢任何帮助,谢谢

1 个答案:

答案 0 :(得分:1)

在我看来,你需要建立一个合适的窗口管理器,而不是试图编写纠结的代码。

保留打开的窗口列表。为windows实现onfocus和onblur事件。当一个窗口关闭时,选择一个新窗口进行聚焦。