Javascript 这个JQuery弹出错误是如何修复的?

Javascript 这个JQuery弹出错误是如何修复的?,javascript,jquery,popup,Javascript,Jquery,Popup,我的JQuery弹出窗口有一个有趣的问题。在nav上,您可以单击“登录”或“注册”,将出现一个弹出窗口。在每个弹出窗口的底部是指向另一个进程的链接。所以在“登录”弹出窗口的最底部写着:“还没有会员?注册。”我点击注册,它关闭登录弹出窗口并打开注册弹出窗口。但是,对于注册弹出窗口,此过程仅在登录弹出窗口首先打开时发生。我不知道为什么会发生这种错误。如有任何帮助,将不胜感激 /*字体*/ @导入url(https://fonts.googleapis.com/css?family=Open+San

我的JQuery弹出窗口有一个有趣的问题。在nav上,您可以单击“登录”或“注册”,将出现一个弹出窗口。在每个弹出窗口的底部是指向另一个进程的链接。所以在“登录”弹出窗口的最底部写着:“还没有会员?注册。”我点击注册,它关闭登录弹出窗口并打开注册弹出窗口。但是,对于注册弹出窗口,此过程仅在登录弹出窗口首先打开时发生。我不知道为什么会发生这种错误。如有任何帮助,将不胜感激

/*字体*/
@导入url(https://fonts.googleapis.com/css?family=Open+Sans);
/*字尾*/
/*清除设置*/
a{
文字装饰:无;
}
身体{
填充:0;
保证金:0;
背景:白色;
}
/*清除设置结束*/
/*导航*/
#导航{
宽度:1600px;
高度:50px;
背景:#1楼;;
}
/*导航结束*/
/*index.php*/
#课程名称{
字体系列:“开放式Sans”,无衬线;
字体大小:24px;
位置:相对位置;
左:187px;
顶部:20px;
}
#导航标志{
字体系列:“开放式Sans”,无衬线;
颜色:白色;
字体大小:20px;
位置:相对位置;
左:188px;
顶部:9px;
}
/*搜索引擎*/
#搜索引擎{
背景:白色;
颜色:#3535;
大纲:无;
宽度:500px;
字体大小:15px;
字体系列:“开放式Sans”,无衬线;
填充:7px 30px 7px 10px;
边界:无;
边界半径:3px;
位置:相对位置;
顶部:9px;
左:210像素;
}
#搜索引擎::-webkit输入占位符{
/*网络工具包,闪烁,边缘*/
颜色:#3535;
}
#搜索引擎:-moz占位符{
/*Mozilla Firefox 4至18*/
颜色:#3535;
不透明度:1;
}
#搜索引擎::-moz占位符{
/*Mozilla Firefox 19+*/
颜色:#3535;
不透明度:1;
}
#搜索引擎:-ms输入占位符{
/*Internet Explorer 10-11*/
颜色:#3535;
}
/*搜索引擎的终结*/
/*登录和注册*/
#登录导航分区,
#注册处导航处{
浮动:对;
字体系列:“开放式Sans”,无衬线;
颜色:#3535;
字号:17px;
填充:7px 30px 7px 10px;
边界半径:3px;
右边距:10px;
位置:相对位置;
左:-66px;
背景:白色;
顶部:6px;
}
#登录,
#报名{
位置:相对位置;
顶部:-1px;
左:9px;
}
/*登录和注册结束*/
/*index.php的结尾*/

黑客天才
/***********************\
模态模块-标题CSS FTW
\***********************/
.莫代尔{
位置:绝对位置;
排名:0;
右:0;
底部:0;
左:0;
背景:透明;
可见性:隐藏;
}
.模态.内容{
位置:绝对位置;
左:50%;
最高:30%;
宽度:390px;
填充:50px;
边界半径:3px;
背景:#fff;
转换:转换(-50%,-30%)比例(0);
z指数:50;
}
.莫代尔,结束{
位置:绝对位置;
顶部:8px;
右:8px;
显示:块;
宽度:18px;
高度:18px;
填充:2px;
线高:18px;
边界半径:50%;
文本对齐:居中;
光标:指针;
背景:#C5C5;
颜色:#fff;
}
.Modal.close:before{
内容:'\2715';
}
.Modal.is-visible{
能见度:可见;
背景:rgba(0,0,0,0.5);
过渡:背景.35s;
转换延迟:.1s;
z指数:40;
}
.Modal.is-visible.content{
转换:转换(-50%,-30%)比例(1);
转变:转变.35s;
}
/*模型*/
#登录名,
#注册名称{
字体系列:“开放式Sans”,无衬线;
字体大小:23px;
字母间距:1px;
位置:相对位置;
顶部:-20px;
左:110像素;
}
#注册名称{
左:80px;
}
#登录名\u用户名,
#登录密码,
#注册您的用户名,
#注册密码,
#注册电子邮件{
大纲:无;
边框:1px实心#ccc;
颜色:#3535;
填充:12px 10px 12px 10px;
边界半径:3px;
字体大小:16px;
位置:相对位置;
左:-30px;
宽度:425px;
字体系列:“开放式Sans”,无衬线;
}
#登录用户名:focus,
#登录密码:focus,
#注册\用户名:focus,
#注册密码:focus,
#注册电子邮件:聚焦{
边框:1px实心#4096ee;
}
#登录并提交,
#注册/提交{
/*Permalink-用于编辑和共享此渐变:http://colorzilla.com/gradient-editor/#4096ee+04096EE+100;蓝色+平坦+%232*/
背景#4096ee;
/*旧浏览器*/
背景:-moz线性梯度(顶部,#4096ee 0%,#4096ee 100%);
/*FF3.6-15*/
背景:-webkit线性梯度(顶部,#4096ee 0%,#4096ee 100%);
/*铬10-25,Safari5.1-6*/
背景:线性梯度(至底部,#4096ee 0%,#4096ee 100%);
/*W3C、IE10+、FF16+、Chrome26+、Opera12+、Safari7+*/
过滤器:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4096ee',endColorstr='#4096ee',GradientType=0);
/*IE6-9*/
颜色:白色;
文本对齐:居中;
填充:11px 12px 11px 12px;
字体大小:22px;
宽度:445px;
字体大小:正常;
位置:相对位置;
顶部:5px;
边界半径:3px;
浮动:左;
字体系列:“开放式Sans”,无衬线;
边界:无;
大纲:无;
光标:指针;
位置:相对位置;
左:-28px;
字体大小:粗体;
}
#登录提交:焦点,
#登录\提交:悬停{
背景:rgb(37141200);
}
/*模型结束*/
/*错误消息*/
#登录\用户名\错误,
#登录\密码\错误,
#登录失败{
字体系列:“开放式Sans”,无衬线;
颜色:#DD4B39;
位置:相对位置;
左:-30px;
顶部:-8px;
字体大小:粗体;
显示:无;
}
/*结束错误消息*/
/*$\u会话[“id”]集*/
#用户头像{
浮动:左;
宽度:28px;
高度:28px;
边界半径:50%;
P
$("#login_nav_div").click(function() {
        $("#Popup").expose();
    });

    $("#signup_nav_div").click(function() {
        $("#Popup2").expose();
    });
$(document).ready(function(){
 $("#Popup").expose();
 $("#Popup2").expose();
})
  $("#login_crossSection a").click(function() {
    console.log("Clicked signup from login");
    $("#Popup2").expose();                  // Added
    $("#Popup").trigger('expose:close');
    $("#Popup2").trigger('expose:open');

  });

  $("#signup_crossSection a").click(function() {
    console.log("Clicked login from signup");
    $("#Popup").expose();                   // Added
    $("#Popup2").trigger('expose:close');
    $("#Popup").trigger('expose:open'); 
  });