首页
视频
资源
登录
青草幽幽
这世间真的有很美的爱情,也有很温柔善良的女孩纸。
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
.net core
2篇
前端
15篇
.net
11篇
随笔
9篇
后端
1篇
python
7篇
移动开发
2篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
原
layer弹窗放jquery对象被遮住了
4496
人阅读
2020/6/29 16:03
总访问:
209384
评论:
0
收藏:
0
手机
分类:
前端
html ``` <div id="showcontent" style="display: none"> hello layer </div> ``` js: ``` layer.open({ type: 1, title: "更新", area: ["400px", "320px"], content: $("#showcontent") }); ``` 如果弹层content是某个DOM元素content:$('#showcontent') 那么这里弹出层,遮罩会遮住到弹窗导致操作不了。 官网给出的说法是 ?如果弹层的内容content是某个DOM元素的话,要放在body的根节点下。 通过看html代码,可以看到生成的遮罩DOM元素的位置是body的子级,所以知道弹层的DOM要和遮罩的DOM 要在同一层。 所以这里再弹层的success的事件里面进行了处理,将遮罩的DOM位置挪动了一下,和弹层DOM元素同一级,代码如下: ``` layer.open({ type: 1, title: "更新", area: ["400px", "320px"], content: $("#showcontent"), success: function (layerobj) { var mask = $(".layui-layer-shade"); mask.appendTo(layerobj.parent()) } }); ``` 这样就行了
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}