Javascript 函数与其他函数交互

Question

我对 javascript(和 jquery)完全陌生，过去几天一直在试验下拉菜单。我发现了这个奇特的通知菜单，我试着看看当页面上有两个通知菜单时会发生什么。无论如何，我在这里举了一个简单的问题示例:

http://jsfiddle.net/rgt03mu4/24/

问题是，如果我同时单击两个通知容器，我可以同时打开这两个通知容器。

如果我已经点击了其中一个铃声，然后我点击另一个，它应该会关闭另一个。相反，它保持打开状态，即使您单击另一个容器，它仍然不会关闭它。您必须单击关闭页面或单击通知铃。我正在努力做到一次只能打开一个。因此，为了做到这一点，我尝试更改函数的名称:

如你所见:

$(function() {
    var nContainer = $(".notification-popup-container");

    //notification popup
    $("#notification-link").click(function() {
        nContainer.fadeToggle(300);
        return false;
    });

    //page click to hide the popup
    $(document).click(function() {
        nContainer.hide();
    });

    //popup notification bubble on click
    nContainer.click(function() {
        return false;
    });
});

我添加了下一个名为 test() 的函数，您可能会这样认为，因为它是一个全新的函数，所以它的工作方式会有所不同。相反，错误仍然存​​在。

我做错了什么？我什至给新的铃铛它自己的 div 和链接名称。我还将容器重命名为 container2。

Answer 1

为你的容器设置全局变量:

var nContainer = $(".notification-popup-container");
var nContainer2 = $(".notification2-popup-container");
$(function() {
var nContainer = $(".notification-popup-container");

//notification popup
$("#notification-link").click(function() {
    nContainer.fadeToggle(300);
    nContainer2.hide(); //hide the second container
    return false;
});

//page click to hide the popup
$(document).click(function() {
    nContainer.hide();
});

//popup notification bubble on click
nContainer.click(function() {
    return false;
});
});

你也可以对其他功能做同样的事情。 DEMO