当我关闭第一个弹出窗口时显示第二个弹出窗口

Question

我有一个弹出窗口和一个输入类型按钮，如下所示

         <input type="button" value="..." onclick="AddressPopup()"/>

在我的 onclick 函数上，我显示了另一个弹出窗口，但它会关闭我的第一个弹出窗口

function AddressPopup() 
{
    page.popUp({
           path:  '/pages/Merchants/AddAddress.aspx?'      
           width: '400',
           height: '400',
           name: 'merch',
           title: 'title',
           onClose: AddressDone 
     });
}

Answer 1

尝试为弹出窗口设置 z-index CSS 属性类[或 ID(#)]。

.other-pop {
   z-index: 9997;
}

.address-pop {
   z-index: 9998; // This will come above `other-pop`
}

编辑：

@MAriiiyAM - 检查此 fiddle here 看看这是否是您的要求。

Answer 2

假设您习惯使用 Jquery，您可以简单地在 onclick 事件上使用 hide() 和 show() 函数。

 .on('button', function() {
                    $('#id_of_1st_popup').show();
                    $('#id_of_2nd_popup').show();
                })

如果您希望在其中一个打开时隐藏其中一个：-

.on('button', function() {
                    $('#id_of_1st_popup').show();
                    $('#id_of_2nd_popup').hide();
                })

Answer 3

这段代码解决了我的问题：

  function AddressPopup() {
        $('#AddressDiv').dialog({
            title:'title',
            maxWidth: 400,
            width: 400,
            height: 500,
            modal: true,
            close: function () {
                var selectedObj = page.object();

                $('#<%= txtADDRESS.ClientID %>').val(selectedObj);
            }
        });

当我关闭第一个弹出窗口时显示第二个弹出窗口

Showing second popup when I close the first pop up

javascript

jquery

popup

popupwindow

编辑：