layer.js 注册登录切换的问题

时间:2023-03-09 22:33:34
layer.js 注册登录切换的问题

layer.js 是一个很好用的弹窗框架,使用的时候很方便,但是今天遇到一个问题,让我很头疼啊,一直都做不出来,就是登录和注册弹窗的切换问题

layer.js 注册登录切换的问题

这里涉及到两个页面:guide.html 即父页面,denglu.html 页面,即子页面

在父页面中打开子页面:

  var adaoli = $("ul.nav ul.right div.dingwei li a");
Adenglureg.on("click", function () {
var index = $(this).index("ul.wel li.left a");
if (index == 0) {
indexk = layer.open({
title: false,
type: 2,
content: ['./detail/denglu.html', 'no'],
area: ['400px', '420px'], });
} else if (index == 1) {
indexk = layer.open({
title: false,
type: 2,
content: ['./detail/zhuce.html', 'no'],
area: ['400px', '650px'],
});
};

点击guide.html 上的“登录”,就弹出了以上的弹框;现在想直接点击弹框上(右下角)“注册”按钮,切换到注册页面:

尝试:在 guide.html  中写:

   $("#backzhucce").on("click", function () {
layer.closeAll();
layer.open({
title: false,
type: 2,
content: ['./detail/zhuce.html', 'no'],
area: ['400px', '650px'],
});
});

结果:没有反应,也没有报错

尝试:在denglu.html 中写:

 $("#backzhucce").on("click", function () {
layer.closeAll();
layer.open({
title: false,
type: 2,
content: ['../detail/zhuce.html', 'no'],
area: ['400px', '650px'],
});
});

结果:他直接在弹框中重新打开了一个弹框,显然是不对的,不是我们所要的,我们要的应该是这样:先关闭现有的弹框,然后重新打开注册弹框

layer.js 注册登录切换的问题

在百度里看了一下:将denglu.html 中内容改写为:

     $("#backzhucce").on("click", function () {
parent.layer.closeAll();
parent.layer.open({
title: false,
type: 2,
content: ['./detail/zhuce.html', 'no'],
area: ['400px', '650px'],
});
});

运行结果:报错

layer.js 注册登录切换的问题

不知道是什么原因,于是一直百度,后来与一个朋友讨论了一下:把代码放在服务器上重新运行:

denglu.html 中不变,仍然为:

  $("#backzhucce").on("click", function () {
parent.layer.closeAll();
parent.layer.open({
title: false,
type: 2,
content: ['./detail/zhuce.html', 'no'],
area: ['400px', '650px'],
});
});

运行结果:终于OK le ,先关掉,再重新弹出注册弹框,这才是我们想要的结果

layer.js 注册登录切换的问题

终于OK 了,这里涉及到两个页面,需要在服务器上运行;

虽然耗费了好些时间,但是挺高兴的,~~~

记住了,需要在服务器上运行,直接用浏览器打开是不行的~~~