Layer 弹出页面 在点击保存关闭弹出层

最新推荐文章于 2024-08-16 19:02:09 发布
最新推荐文章于 2024-08-16 19:02:09 发布
阅读量423 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/LiuFengH/p/9579696.html
版权 
  <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
</head>
<body>
    <BUTTON id="dd">Test !!</BUTTON>
    <script type="text/javascript">
        $(function () {
            $("#dd").click(function(){
                
                layer.msg('Add', { icon: 1, time: 1000 }, function () {
                    var index = parent.layer.getFrameIndex(window.name);
                    parent.layer.close(index);
                });
            });
        });
    </script>
 <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/layer/3.1.0/layer.js"></script>
</head>
<body>
    <BUTTON id="dd">Test !!</BUTTON>
</body>
<script type="text/javascript">
 $(function () {
     $("#dd").click(function(){
        layer.open({
                    type: 2,
                    skin: 'layui-layer-lan',
                    title: ['dit', false],
                    shadeClose: true,
                    maxmin: false,
                    shade: [0.4, '#000', false],
                    fix: false,
                    borderWidth: 5,
 
                    area: ['100%', '100%'],
                    content: 'test.html',
                    end: function () {

                    }
                });
     });

 });
</script>

 

转载于:https://www.cnblogs.com/LiuFengH/p/9579696.html

weixin_34090643
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layer弹出层
化学纤维
05-17 422
layer弹出层 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 开发工具与关键技术：Visual Studio 2015，layer弹出层 作者： 梁柏源 撰写时间：2019-5-16 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~...
layer jquery 弹出层使用。
为梦想放生,创造梦一样的未来！
05-04 9874
地址：http://sentsin.com/jquery/layer/ 特别说明：事件需自己绑定，以下只展现调用代码。 //初体验 layer.alert('内容') //第三方扩展皮肤 layer.alert('内容', { icon: 1, skin: 'layer-ext-seaning' //该皮肤由layer.seaning.com友情扩展。关于皮肤的扩展规
layui 弹出框保存
qq1359236225的博客
08-07 237
【代码】layui 弹出框保存。
layui中弹出iframe层时将弹出层的保存按钮绑定为iframe中表单的提交按钮的方法
qq_37059367的博客
10-21 4201
 弹出层提交表单的js layer .open({ type : 2, title : '添加权限', area : [ '500px', '450px' ], offset : '160px', shadeClose : true, // 点击遮罩关闭 btn : ['保存','取消'], content : 'permissio...
关闭刷新多层layer的方法和关闭所有层layer.closeAll(type)
The best are water的博客
12-21 2978
//刷新父页面 window.parent.location.reload(); //关闭自身 window.parent.close(); //刷新祖父页面 window.parent.parent.location.reload(); 可以每多一层加一个parent
使用layui的弹出层表单，在页面弹出表单
世上哪有什么岁月静好,不过是有人替你负重前行
01-20 8530
弹出层表单很常见,也很实用,无论是在pc端网页还是在移动端. 现在用layui来实现一下这个表单吧. html <form class="layui-form" id="test" style="display:none"> <div class="layui-form-item"> <label class="layui-form-label">输入框</label> <div class="layui-input-block"&g
layer.open如何关闭自身弹出窗口layer.close
gusijin的博客
09-08 3336
【代码】layer.open如何关闭自身弹出窗口layer.close。
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
10-18
总结一下，Layer弹出的iframe层在执行完毕后关闭当前弹出层的方法主要包括以下步骤： 1. 创建一个Layer弹出层，设置类型为2（iframe）并加载需要的页面。 2. 在iframe页面内，执行异步操作（如AJAX请求）。 3. 在...
jQuery、layer实现弹出层的打开、关闭功能
10-19
在页面加载完成并且DOM元素已经准备好之后，可以使用jQuery绑定事件，当用户与页面元素进行交互时，比如点击一个按钮或链接，触发layer弹出层的打开。 具体实现时，通常会先定义一个事件处理函数，当触发该事件时，...
获取layer.open弹出层的返回值方法
10-18
在Web开发中，Layer是一个常用的JavaScript弹窗插件，它提供了丰富的弹出层功能，如提示、对话框、加载层等。在本文中，我们将深入探讨如何在使用`layer.open`创建弹出层时获取返回值的方法。 首先，`layer.open`是...
layer关闭弹出窗口触发表单提交问题的处理方法
10-16
在本文中，我们将深入探讨当使用layer弹出窗口时遇到的一个常见问题：用户关闭弹出窗口时意外触发了表单提交。这个问题可能会导致不必要的数据保存，对用户体验造成影响。以下是对该问题的详细分析和解决方案。 ...
详解Layer弹出层样式
08-29
- **关闭弹出层**：使用 `layer.close(index)` 关闭指定索引的弹出层，`index` 通常在 `layer.open` 的回调函数中返回。 - **自定义事件**：可以监听 `layui.layer` 对象的 `end` 事件，处理弹出层关闭后的逻辑，...
JavaScript：layer关闭指定弹出窗口
qq_46119575的博客
06-15 5364
在前端页面中，用 layer 打开窗口供用户输入或选择是非常常见的用法，但是有时为了完成一次操作，需要弹出多个窗口进行选择、输入或者提示，因此在关闭窗口的时候需要实现指定关闭任意窗口，而不能关闭错了或者乱了这篇文章介绍了 layer 如何在多个窗口中关闭指定的窗口以及如何一次关闭所有窗口。
layui框架——弹出层layer
热门推荐
meixu568的专栏
07-26 9万+
两种调用方法： 1、引用独立的layer.js文件 引入好layer.js后，直接用即可 <script src="layer.js"></script> <script> layer.msg('hello'); </script> 2、调用layui中的layer模块 layui.use('layer', function(){ ...
layui怎么保存并关闭弹窗
wysmh520的博客
12-18 566
使用这个代码： window.parent.location.reload();
layui 弹出层 保存成功后关闭当前弹出层，刷新父级页面
Peppa_的博客
07-04 4213
//保存成功后关闭当前弹出层，刷新父级页面 子页面调用 var index = parent.layer.getFrameIndex(window.name); parent.layer.close(index); 父页面，在打开弹出层的页面增加回调函数 end: function () { location.reload(); } ...
[Layer] layui的弹出层用法记录
不明所以
11-09 6324
为了更方便自己的使用和查找，把常用的代码记录一下，省的老去翻文档了。通用加载提示：layer.msg('加载中...',{icon: 16,time:false,shade:0.6});layer.load(2, { shade: false });完成提示加关闭当前layerlayer.alert('保存成功！', { icon: 1 }, function () { ...
iframe子页面调用父页面函数_layui中弹出层的保存按钮绑定为iframe中表单的按钮...
weixin_34828705的博客
01-20 382
弹出层提交表单的jslayer.open({type : 2,title : '添加权限',area : [ '500px', '450px' ],offset : '160px',shadeClose : true, // 点击遮罩关闭btn : ['保存','取消'],content : 'permission_add.html',success : function(layero, inde...
微信小程序骨架屏
最新发布
djjdjdjdjddjjdjd的博客
08-16 398
⑤ 在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。① 在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥ 在生成骨架屏页面中 v-if="isLoading" v-else 定义显示与隐藏。
layer弹出层往页面传值
05-23
一般来说，layer弹出层往页面传值可以通过以下步骤实现： 1. 在父页面中定义一个全局变量，用于存储弹出层传递的值。 2. 在弹出层中通过layer.msg、layer.alert等方法触发弹窗，同时传递需要传递的值。 3. 在弹出层...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值