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

时间:2016-08-22 04:57:27

标签: javascript jquery popup popupwindow

我有一个Popup和一个输入类型按钮,如下所示

         <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 
     });
}

3 个答案:

答案 0 :(得分:0)

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

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

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

编辑:

@MAriiiyAM - 检查这个小提琴here,看看这是否是您的要求。

答案 1 :(得分:0)

假设你习惯使用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();
                })

答案 2 :(得分:0)

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

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

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