layer弹出层关闭事件(jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层)

本文目录
- jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
- 有没有哪位大哥会玩layui弹出层的啊,没用过layui,我现在需要实现enter键关闭弹窗功能
- 为什么layer中弹出层内容点击事件不起作用
- jquery layer弹出层怎么关闭
- 如图layer 弹框刷新和关闭问题
- layer 弹出层,怎么只让他弹出一次.在线等
jquery的layer弹出层框架,如果设置 iframe弹出一个页面里是表单提交,提交完怎么关闭弹出层
你看一下layer的官方演示里边就有在iframe中关闭自身的例子
在你上面的“页面”中,在你提交表单后执行
$(’#提交的元素’).on(’click’, function(){
parent.layer.close(index); //执行关闭
});
你可能需要修改上面的“submit“提交为button提交
有没有哪位大哥会玩layui弹出层的啊,没用过layui,我现在需要实现enter键关闭弹窗功能
var index = layer.open({...});//弹出框
//enter 监听事件
document.onkeydown = function (e) {
e = e||window.event;
if ((e.keyCode || e.which) == 13) {
layer.close(index) //关闭当前弹出框
}
}
网页链接
为什么layer中弹出层内容点击事件不起作用
1》》.click只能为页面现有的元素绑定点击事件,如果是动态生成的新的元素,是没有事件的
2》》而$(document).on(“click“,“指定的元素“,function(){});方法则是将指定的事件绑定在document上,而新产生的元素如果符合指定的元素,那就触发此事件
不起作用:
$(’#test’).on(’click’, function() {
layer.msg(’响应点击事件’);
});
起作用了:
$(document).on(’click’, ’#test’, function() {
layer.msg(’响应点击事件’);
});
jquery layer弹出层怎么关闭
你看一下layer的官方演示里边就有在iframe中关闭自身的例子
在你上面的“页面”中,在你提交表单后执行
var index = parent.layer.getframeindex(window.name); //获取当前窗体索引
$(’#提交的元素’).on(’click’, function(){
parent.layer.close(index); //执行关闭
});你可能需要修改上面的“submit“提交为button提交
如图layer 弹框刷新和关闭问题
你点击父页面的某一个按钮就弹出了这个弹框,然后点弹出弹框中的删除就弹出确认删除的弹框,那么你在点击确认后可以用js代码触发一下父页面上进入弹框的那个按钮啊
layer 弹出层,怎么只让他弹出一次.在线等
我昨天用这个插件的时候也有这个问题,弹出内容大了就居不了中。这是组件不完美的地方,他设置了top和left值,而且是固定的。这种弹出层都是绝对定位的 所以没办法用margin:auto 0神马的居中。解决方案主要两种:
1.修改在浏览器里面调试模式,调一下top和left看怎么合适,修改lay.css代码;
2.自己写个弹出层,其实超简单,弹出层原理就是搞一层遮罩(一个div,放在body下,高宽都100%,层级顺序设置高于其它层(除弹出内容层以外),加个滤镜效果让他半透明)和弹出内容层(层级顺序设置为最高)再加个关闭按钮。默认这三个容器隐藏(hide或display:none),点击时显示(show或display:block);
我是采用的第二种方式,实现简单自由,可以随便修改弹出框的样式和丰富的内容。比如:增加记录弹出表单之类。

本文相关文章:
jquery下载文件到指定目录(下载jquery 怎样加入到html 的静态网页中去以下是下的jquery文件!)
2026年8月16日 04:30
更多文章:
another time(another time和other time的区别)
2026年10月11日 05:00








