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

本文主要介绍了jQuery、layer实现弹出层的打开、关闭功能,需要的朋友可以参考下，希望能帮助到大家。

打开弹出层：

在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页面：

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";

 var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

parent.layer.close(index); 

}

);

} 

转载于:https://www.cnblogs.com/snowhite/p/10039240.html

jQuery、layer实现弹出层的打开、关闭功能实例详解相关推荐

js、jQuery、layer实现弹出层的打开、关闭
打开layer layer.open({type: 2,title: '新增收货地址',shadeClose: true,//点击阴影关闭shade: 0.8,area: ['900px', '60% ...
php jquery ajax登录,jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
弹出层主要用于展示丰富的页面信息,还有一个更好的应用是弹出表单层丰富交互应用.常见的应用有弹出登录表单层,用户提交登录信息,后台验证登录成功后,弹出层消失,主页面局部刷新用户信息.本文我们将给大家介绍 ...
jquery鼠标经过弹出层写法
jquery鼠标经过弹出层写法 $(".navitem").hover(function(){ $(this).children('a').next('.navitemlist') ...
layui table 弹出层刷新_layui 关闭open弹出框刷新table表格页面的方法
layui 关闭open弹出框刷新table表格页面的方法如下所示: 保存后刷新table表格源码 //弹出框 layer.open({ type: 2, shadeClose: true, s ...
layui弹出层第一次打开不居中，第二次才居中
最近在做一个帮助文档,想做一个点击图片放大的功能,于是使用layui的弹出层,代码如下 /* 打开弹出层*/ function openLayer(imgUrl) {var imgUrl = imgU ...
jQuery给页面弹出层添加半透明背景
1.弹出层的设计使用的东西是很简单的,需要两个div,一个做为弹出层背景的,另一个做为在半透明背景上面一层显示内容的. 在底层半透明div样式: 显示内容的div样式(不重要) jQuery的调用方 ...
Jquery UI dialog弹出层插件
必须先下载Jquery UI插件然后再把下载的文档复制到项目中,可以复制你需要的单个插件 --------------------------------------具体代码如下---------- ...
layui之layer各种弹出层
layui提供了页面弹出层组件layer,能够满足用户的各种需求,它不仅可以作为独立组件使用也可以在layui模块化中使用. layer弹出层分类 layer弹出层有5种,使用type配置参数来指定分 ...
layer php弹出层,layer官方演示与讲解（jQuery弹出层插件）
特别说明:事件需自己绑定,以下只展现调用代码. //初体验 layer.alert('内容') //第三方扩展皮肤 layer.alert('内容', { icon: 1, skin: 'layer- ...
jquery 处理页面弹出层查询数据等待的操作(gif图片加载等待)
$(document).ready(function(){layer.load(0);//初始化加载,可选范围(0-9)0表示等返回结果后关闭,1-9表示自动关闭时间(s) }); 当查询结果集返回后 ...

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

jQuery、layer实现弹出层的打开、关闭功能实例详解相关推荐

最新文章

热门文章