jQuery、layer实现弹出层的打开、关闭功能


Posted in jQuery onJune 28, 2017

打开弹出层:

在list页面带入layer.js 

在list页面点击时,弹出form弹出层,list.js:

$(".add_category,.update").click(function(){  
    //弹出框  
    var doMain = $('.domain_name').val();  
    layer.open({  
      shade: [0.5, '#000', false],  
      type: 2,  
      area: ['900px', '530px'],  
      fix: false, //不固定  
      maxmin: true,  
      title: ['添加或修改用户类型', false],  
      content: doMain+"/Stat/QueryUserCategoryForm.action?adminUserCategory.id="+$(this).val()  
    });  
  });

在点击form弹出层的“保存”按钮时,如果保存数据成功,则关闭弹出层,并且刷新list页面:

<span style="color:#000099;">submitHandler: function (form){  
      $.post(  
        $('.domain_name').val()+"/Stat/AddOrUpdateUserCategory.action",  
        $(form).serialize(),  
        function(data){  
          var result = eval("("+data+")");  
          if(!result.status){  
            alert(result.message);  
          }else{  
            //添加数据成功,关闭弹出窗之前,刷新列表页面的数据  
            parent.window.location.href=$('.domain_name').val()+"/Stat/QueryUserCategoryListStat.action";  
            </span><span style="color:#ff6666;"> var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
            parent.layer.close(index); </span><span style="color:#000099;"> 
          }  
        }  
      );  
    } </span>

以上所述是小编给大家介绍的jQuery、layer实现弹出层的打开、关闭功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

jQuery 相关文章推荐
jQuery插件HighCharts绘制简单2D折线图效果示例【附demo源码】
Mar 21 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery实现QQ空间汉字转拼音功能示例
Jul 10 jQuery
jQuery常用选择器详解
Jul 17 jQuery
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
Jul 20 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
jQuery实现常见的隐藏与展示列表效果示例
Jun 04 jQuery
jQuery实现ajax回调函数带入参数的方法示例
Jun 26 jQuery
JQuery模拟实现网页中自定义鼠标右键菜单功能
Nov 14 jQuery
JQuery发送ajax请求时中文乱码问题解决
Nov 14 jQuery
jquery实现直播视频弹幕效果
Feb 25 jQuery
各种选择框jQuery的选中方法(实例讲解)
Jun 27 #jQuery
基于jQuery封装的分页组件
Jun 26 #jQuery
jQuery.Form实现Ajax上传文件同时设置headers的方法
Jun 26 #jQuery
jQuery实现一个简单的验证码功能
Jun 26 #jQuery
jQuery+C#实现参数RSA加密传输功能【附jsencrypt.js下载】
Jun 26 #jQuery
jQuery实现frame之间互通的方法
Jun 26 #jQuery
jQuery回调方法使用示例
Jun 26 #jQuery
You might like
php array_map array_multisort 高效处理多维数组排序
2009/06/11 PHP
PHP 年龄计算函数(精确到天)
2012/06/07 PHP
php连接Access数据库错误及解决方法
2013/06/20 PHP
PHP版微信公众平台红包API
2015/04/02 PHP
PHP 自动加载的简单实现(推荐)
2016/08/12 PHP
php实现将base64格式图片保存在指定目录的方法
2016/10/13 PHP
Yii2语言国际化自动配置详解
2018/08/22 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
详细解读AngularJS中的表单验证编程
2015/06/19 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
vue.js todolist实现代码
2017/10/29 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
2018/02/13 jQuery
解决betterScroll在vue中存在图片时,出现拉不动的问题
2018/09/27 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
浅谈实现在线预览PDF的几种解决办法
2020/08/10 Javascript
vue-cli脚手架的.babelrc文件用法说明
2020/09/11 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
Python二维码生成库qrcode安装和使用示例
2014/12/16 Python
windows系统下Python环境搭建教程
2017/03/28 Python
对Tensorflow中的矩阵运算函数详解
2018/07/27 Python
使用pandas读取文件的实现
2019/07/31 Python
使用python+whoosh实现全文检索
2019/12/09 Python
Python闭包与装饰器原理及实例解析
2020/04/30 Python
大数据分析用java还是Python
2020/07/06 Python
Python是怎样处理json模块的
2020/07/16 Python
PyTorch 中的傅里叶卷积实现示例
2020/12/11 Python
blueseventy官网:铁人三项和比赛泳衣
2021/02/06 全球购物
广州迈达威.net面试题目
2012/03/10 面试题
汽车专业大学生职业生涯规划范文
2014/01/07 职场文书
公司授权委托书范本
2014/04/03 职场文书
终止劳动合同协议书
2014/10/05 职场文书
2014年团支部工作总结
2014/11/17 职场文书
小学重阳节活动总结
2015/03/24 职场文书
工商行政处罚决定书
2015/06/24 职场文书
使用 Apache 反向代理的设置技巧
2022/01/18 Servers