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

打开layer

layer.open({
   type: 2,
   title: ‘新增收货地址‘,
   shadeClose: true,
   shade: 0.8,
   area: [‘900px‘, ‘60%‘],
   content: [Think.U(‘Home/UserAddress/addAddress‘)]
});

执行保存操作后关闭

$.post(Think.U(‘Home/UserAddress/edit‘),params,function(data,textStatus){
   var json = GY.toJson(data);
   //alert(JSON.stringify(json));
if(json.status>0){
    parent.window.location.reload();
         var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
parent.layer.close(index);
}else{ }});
				
时间: 2024-08-29 09:06:45

js、jQuery、layer实现弹出层的打开、关闭的相关文章

jQuery Layer mobile 弹出层

layer mobile是为移动设备(手机.平板等webkit内核浏览器/webview)量身定做的弹层支撑,采用Native JavaScript编写,完全独立于PC版的layer,您需要按照场景选择使用. 无需依赖任何库,只加载layer.m.js即可 小巧玲珑,性能卓越.柔情似水- 具备无以伦比的自适应功能 灵活的皮肤自定义支撑,充分确保弹层风格多样化 丰富.科学的接口,让弹弹弹层无所不能 版本Layer mobile1.8 作者:闲心贤 github 在线实例 实例预览 layer弹层组

Js(Jquery)实现的弹出窗口

想实现一个弹出层,过一段时间自动消失的功能. 之前的项目中是:在页面中预先先一个<div>区域,默认隐藏或者因为没有内容不显示.当需要显示信息时,将该<div>填充上内容,并用样式显示在正确的位置上. 今天想找这么一个插件,发了这个:http://tautologistics.com/projects/jquery.modaldialog/ 还不错,可以弹出窗口手动关闭,也可定时关闭. 百度盘:http://pan.baidu.com/s/1qWruV2c 后来再进行搜索,发现了这

jQuery 插件开发——PopupLayer(弹出层)

导读:上次写了一篇关于GridView的插件开发方法,上几天由于工作需要,花了一天左右的事件封装了popupLayer(弹出层)插件.今天有时间就记录一下自己的开发思想与大家分享下,同时也算是对这段时间的工作概要吧. 就我在开发过程中的理解和开发的经验,一般常用的弹出层有三类(其实还有一类就是弹出可以输入内容的,但是这种可以被替代,所以就特别拿出来写了):Confirm.Alert.LoadContent(url).其中Alert又可以分成五种(当然也可以是四种),分别是: "error&quo

layer/layui弹出层插件bug

<button class="layui-btn" lay-submit lay-filter="formDemo" id="layui-btn" type="submit">立即提交</button> 使用layer/layui弹出层插件,type="submit"时,弹出层失效,改为type="button"时正常弹出;

js制作带有遮罩弹出层实现登录小窗口

要实现的效果如下 点击“登录”按钮后,弹出登录小窗口,并且有遮罩层(这个名词还是百度知道的,以前只知道效果,却不知道名字) 在没有点击“登录”按钮之前登录小窗口不显示,点击“登录”按钮后小窗口显示,并且遮罩层笼罩整个页面,使整个页面的其他元素暂时失去行为. 遮罩层的实现:相对于body绝对定位,宽度和高度都和body相同,并且有一定的透明度,使得下面的元素能够被看到.原先的元素的z-index为0,遮罩层的z-index在弹出登录小窗口和原先元素的之间. 说的不是很清楚,还是看代码吧! <!DO

Js浮动层插件,点击按钮弹出层,可关闭

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>石家庄礼品公司</title>

jQuery点击弹出层,弹出模态框,点击模态框消失

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 <!DOCTYPE html>

一款基于jQuery的漂亮弹出层

特别提示:本人博客部分有参考网络其他博客,但均是本人亲手编写过并验证通过.如发现博客有错误,请及时提出以免误导其他人,谢谢!欢迎转载,但记得标明文章出处:http://www.cnblogs.com/mao2080/ 1.效果示例 2.代码样式 1 /* 2 * 基于jquery iziModal弹出窗插件 3 * by [email protected] 4 */ 5 $(function (){ 6 dialog = { 7 title : "提示信息", 8 /** 9 * 提示

Js实例——模态框弹出层

1.描述 百度登录就是一个模态框弹出层.思路分析:先将灰色大背景和登陆盒子设为不可见,利用JS将其动态加载可见. 2.代码 <!DOCTYPE html> <html> <head> <title>模态框弹出层.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-