javascript - 子弹出窗口显示在父弹出窗口顶部

Question

我有以下代码片段用于打开子窗口，该子窗口应保留在父窗口顶部

"var a = window.open('" + url + "', '_blank','height=400,width=400,status=yes,toolbar=no,menubar=no,location=no');";

但是，弹出窗口正在打开，并且未显示在父窗口顶部。

我想保持子窗口堆叠，并且在关闭已打开的子窗口弹出窗口之前不应允许打开其他子窗口。

此问题仅在 IE 浏览器中出现。

Answer 1

$(document).ready(function(){
$('#popup-btn').click(function(){
setTimeout(function(){
$('#popup').css('display','block');
},10);
});
});

#parant{
width:300px;
height:300px;
 background:#ff8800;
 margin:10px auto;
   border-radius:15px;
}
#popup{
 display:none;
  width:300px;
  height:300px;
  background:#ff8800;
  margin:10px auto;
  border:1px solid blue;
  border-radius:15px;
}
.name{
  width:100%;
  height:50px;
  background:blue;
  color:#fff;
  text-align:center;
  border-radius:15px 15px 0px 0px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="popup">
<div class="name">Child Popup</div>
</div>
<div id="parant">
  <div class="name">Parant Popup</div>
<button id="popup-btn">POPUP</button>
</div>