第二个内联Javascript弹出窗口无法正常工作

我有个问题。我想在一个网页上有两个内联javascript弹出窗口。下面是javascript：

<script type="text/javascript">
    var popup;
    Sys.require(Sys.components.popup, function () {
        popup = Sys.create.popup("#popup", {
            parentElementID: "target"
        });
    });
    var popup2;
    Sys.require(Sys.components.popup, function () {
        popup2 = Sys.create.popup("#popup2", {
            parentElementID: "target"
        });
    });
</script>

var弹出窗口；
Sys.require（Sys.components.popup，函数（）{
popup=Sys.create.popup（#popup）{
parentElementID:“目标”
});
});
var-popup2；
Sys.require（Sys.components.popup，函数（）{
popup2=Sys.create.popup（#popup2“{
parentElementID:“目标”
});
});

以下是页面内容：

content
<span id="target" style="position: absolute; top: 50%; left: 40%; margin-top: -125px; margin-left: -200px;"></span>
<div id="popup" style="background: #ff6a00; color: #000; padding: 15px; margin: 0px">
    Popup #1
</div>
<div id="popup2" style="background: #ffd800; color: #000; padding: 15px; margin: 0px">
    Popup #2
</div>
content
<script>Sys.onReady(function () { popup.show(); })</script>
<script>Sys.onReady(function () { popup2.show(); })</script>

内容
弹出窗口#1
弹出窗口#2
内容
Sys.onReady（函数（）{popup.show（）；}）
Sys.onReady（函数（）{popup2.show（）；}）

两个弹出窗口都指向页面上的相同位置。所以我希望第二个和第一个重叠。第一个弹出窗口正确弹出。第二个出现在页面中，根本没有弹出。正如您所看到的，页面上的内容围绕着它：

---

为什么会发生这种情况？我如何解决它？

什么是系统？你引用了什么脚本才能做到这一点？我没有引用任何脚本。我正在ASP.NET服务器上运行。这是弹出窗口的错误方法吗？事实上，我在弹出div中使用ASPNET服务器控件，但对于这个简单的示例也不起作用…是的，我会看一些更像的东西，或者如果你想坚持使用.NET，那么也许。。。就我个人而言，我喜欢jQuery的东西。