layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子.pdf

发布时间：2022-05-30 发布人：admin 分类：说明书资料大小：0.04M 资料格式：pdf 举报版权申诉

weixin_38574132-12937246-16359647453615601942.pdf-第1页.png

第1页 / 共2页

weixin_38574132-12937246-16359647453615601942.pdf-第2页.png

第2页 / 共2页

文本预览

实现登录弹框,登录成功后关闭弹框并调用父窗口的例子 layer实现登录弹框登录成功后关闭弹框并调用父窗口的例子今天小编就为大家分享一篇layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧 layer是一款近年来备受青睐的web弹层组件，官网地址是：http://layer.layui.com/ 可以从官网上下载最新版本. 使用layer实现登录弹框，登录成功以后关闭弹框，并调用父窗口方法。 1.界面如下： 2.login.html的界面主要代码:

手机号码：

密码：

验证码：

3.点击登录按钮，登录成功以后，调用父窗口的方法，并关闭弹窗，其js代码如下（这段代码是嵌入在login.html中）： 3.父窗口的layer弹框代码（layer.js的引入省略），一般是点击登录按钮，跳出登录弹框： $(function(){ $('#u_login').on('click', function(){ layer.open({ type: 2, title: '用户登录', maxmin: true, skin: 'layui-layer-lan',

shadeClose: true, //点击遮罩关闭层 area : ['400px' , '280px'], content:'login.html'//弹框显示的url }); }); 以上只是主要代码，必须先引入JQuery与layer.js，仅供参考。以上这篇layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

分享到：

赞收藏

资料库

layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子.pdf

相关推荐

开发技术

热门标签

最新资料