今天小编就为大家分享一篇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实现登录弹框,登录成功后关闭弹框并调用父窗口的例子就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持html中文网。
以上就是layer实现登录弹框,登录成功后关闭弹框并调用父窗口的例子的详细内容,更多请关注0133技术站其它相关文章!
未经允许不得转载:0133技术站首页 » JavaScript 教程