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把获取到的input值转换成json
May 15 jQuery
jquery.validate表单验证插件使用详解
Jun 21 jQuery
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
详解在vue-cli中引用jQuery、bootstrap以及使用sass、less编写css
Nov 08 jQuery
jQuery实现页码跳转式动态数据分页
Dec 31 jQuery
js判断复选框是否选中的方法示例【基于jQuery】
Oct 10 jQuery
jQuery实现弹幕特效
Nov 29 jQuery
jQuery HTML获取内容和属性操作实例分析
May 20 jQuery
如何基于jQuery实现五角星评分
Sep 02 jQuery
jQuery实现增删改查
Dec 22 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调用Linux的命令行执行文件压缩命令
2013/01/27 PHP
解析PHP汉字转换拼音的类
2013/06/18 PHP
php计算两个整数的最大公约数常用算法小结
2015/03/05 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP实现广度优先搜索算法(BFS,Broad First Search)详解
2017/09/16 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
基于PHP实现短信验证码发送次数限制
2020/07/11 PHP
javascript JSON操作入门实例
2010/04/16 Javascript
点击表单提交时出现jQuery没有权限的解决方法
2014/07/23 Javascript
Javascript基础教程之数据类型转换
2015/01/18 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
浅谈JavaScript中小数和大整数的精度丢失
2016/05/31 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
纯js实现html转pdf的简单实例(推荐)
2017/02/16 Javascript
ionic2 tabs 图标自定义实例
2017/03/08 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
2018/04/12 jQuery
详解vue中axios的封装
2018/07/18 Javascript
webpack+vue-cil中proxyTable处理跨域的方法
2018/07/20 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
2019/01/18 Javascript
[01:04:09]DOTA2-DPC中国联赛 正赛 iG vs VG BO3 第二场 2月2日
2021/03/11 DOTA
利用Anaconda简单安装scrapy框架的方法
2018/06/13 Python
Python pygorithm模块用法示例【常见算法测试】
2018/08/16 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
将python文件打包exe独立运行程序方法详解
2020/02/12 Python
详解python tcp编程
2020/08/24 Python
五分钟带你搞懂python 迭代器与生成器
2020/08/30 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
班组长岗位职责范本
2014/01/05 职场文书
学习保证书范文
2014/04/30 职场文书
经理任命书模板
2014/06/06 职场文书
小学生我的梦想演讲稿
2014/08/21 职场文书
2014光棍节单身联谊活动策划书
2014/10/10 职场文书
实习单位指导教师评语
2014/12/30 职场文书
小学教师求职信范文
2015/03/20 职场文书
付款证明模板
2015/06/19 职场文书
MySQL查询日期时间
2022/05/15 MySQL