layer弹层遮罩挡住窗体解决
来源:互联网 发布:陌生人社交软件 编辑:程序博客网 时间:2024/05/21 12:08
使用代码:
<div> <div>这里面某个按钮触发弹层<div> <div id='dialog' hidden='hidden'></div></div>
如果上面的按钮触发了弹层 layer.open 且content是某个DOM元素
content:$('#dialog')
那么这里弹出层,遮罩会遮住到弹窗导致操作不了。
官网给出的说法是 如果弹层的内容content是某个DOM元素的话,要放在body的根节点下。不能放在div里面了。
我看了html代码,最后生成的遮罩DOM元素的位置是body的子级,所以知道弹层的DOM要和遮罩的DOM 要在同一层。
所以这里再弹层的success的事件里面进行了处理,将遮罩的DOM位置挪动了一下,和弹层DOM元素同一级,代码如下:
success:function(layero){ var mask = $(".layui-layer-shade"); mask.appenTo(layero.parent()); //其中:layero是弹层的DOM对象}这样 弹层的遮罩DOM元素和弹层元素就在同一层了,就不会挡着弹层了。
阅读全文
0 0
- layer弹层遮罩挡住窗体解决
- 机房收费系统-----如何解决子窗体被picturebox挡住的办法
- MDI父窗体控件挡住子窗体的问题,用win API SetWindowPos()的方法来解决,向高手请教
- VS2015使用小技巧 winform编辑窗体(拖拽控件)的的时候,工具箱挡住了窗体,如何解决
- 解决虚拟键盘挡住控件
- H5输入框挡住解决
- C# MDI 子窗体被父窗体控件挡住
- 解决DIV给flash挡住的问题
- 解决div被selected挡住的问题
- js 解决flash挡住层的解决方法
- 软键盘挡住edittext的解决
- 解决textField中键盘挡住的问题
- 解决Flash挡住漂浮图片的问题
- IOS解决键盘挡住UITextView的方法
- 解决键盘挡住输入框的问题
- ios 解决键盘挡住UITextField的问题
- 解决Popupwindow挡住软键盘问题
- EditText挡住输入框问题的解决
- Linux 服务 —— FTP
- AutoCAD .Net 创建Ribbon界面(二)
- 基于Maven的SpringBoot项目实现热部署的两种方式
- java--面向对象之接口
- 多线程和线程锁
- layer弹层遮罩挡住窗体解决
- redux-sage笔记
- 润乾连oracle集群的简易写法
- 走迷宫
- PAT乙级1027. 打印沙漏(20)
- MFC制作截图软件中的半透明界面
- 局部最小元素
- com.mysql.jdbc.exceptions.jdbc4.CommunicationsException: Communications link failure
- React入门笔记(二):组件和AJAX