php - 如何在打开另一个弹出窗口时自动关闭 JQuery 中的弹出窗口？

Question

我在一个页面中有 3 个 Jquery 弹出窗口。当我打开一个窗口说登录弹出窗口，然后打开另一个窗口说反馈弹出窗口时，我需要在单击反馈弹出链接时关闭我的登录弹出窗口。这是我的登录弹出窗口的示例代码。我也使用相同的反馈弹出窗口。请帮我查询。提前谢谢大家。

$(document).ready(function() {
    $('a.login-window').click(function() {

      //Getting the variable's value from a link 
        var loginBox = $(this).attr('href');

        //Fade in the Popup
        $(loginBox).fadeIn(300);

        //Set the center alignment padding + border see css style
        var popMargTop = ($(loginBox).height() + 24) / 2; 
        var popMargLeft = ($(loginBox).width() + 24) / 2; 

        $(loginBox).css({ 
            'margin-top' : -popMargTop,
            'margin-left' : -popMargLeft
        });

        // Add the mask to body
        $('body').append('<div id="mask"></div>');
        $('#mask').fadeIn(300);

        return false;
    });

    // When clicking on the button close or the mask layer the popup closed
    $('a.close, #mask').live('click', function() { 
      $('#mask , .login-popup').fadeOut(300 , function() {
        $('#mask').remove();  
    }); 
    return false;
    });

Answer 1

为所有三个弹出窗口添加一个公共(public)类。显示弹出窗口时先隐藏其他弹出窗口，然后显示当前弹出窗口。

<div class="popup1 popup">Menu</div>
<div class="popup2 popup">Login</div>
<div class="popup3 popup">FeedBack</div> 

JS

$('a.login').click(function(){
    $('.popup').hide();
    ---- your code ----
});