Question

点击链接后，我创建了2个弹出对话框。

我想做什么：

如果我打开一个弹出窗口并尝试打开另一个弹出窗口，打开的弹出框将消失另外，当我打开它们并单击关闭按钮时，它们也会再次点击链接相同 - 我怎么能分开这个？

以下是示例：http://jsfiddle.net/zidski/ZBfTy/

Answer 1

如果您希望它们互相排斥，您可以在打开包装盒之前运行close_modal();。

http://jsfiddle.net/Znarkus/ZBfTy/4/

Answer 2

如果你有两个打开关闭其中一个，你需要改变你的代码：

    $('.close_modal').click(function(){
        //use the function to close it
        close_modal(this); // Passing the clicked link to the function
    });
});

//THE FUNCTIONS
function close_modal(link){
    //hide the mask
    $('#mask').fadeOut(500);
    //hide modal window(s)
    // using the clicked link to get the parent to close.
    $(link).parent().fadeOut(500);
}

Answer 3

你在关闭功能方面遇到了问题。这里改了一个。

 close_modal(this);

    function close_modal(t){
            //hide the mask
            $("#mask").fadeOut(500);
            //hide modal window(s)
            $(t).parent().parent().children('.modal_window').fadeOut(500);
        }

多个弹出链接与它们相互影响

3 个答案: