gpt4 book ai didi

Javascript 函数与其他函数交互

转载 作者:行者123 更新时间:2023-11-30 16:52:18 24 4
gpt4 key购买 nike

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

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

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

enter image description here

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

如你所见:

$(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。

最佳答案

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

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

关于Javascript 函数与其他函数交互,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30339985/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com