您当前的位置:首页 > 计算机 > 编程开发 > Html+Div+Css(前端)

layui框架--子页面弹出框layer显示在父页面上面

时间:12-11来源:作者:点击数:

layui框架--子页面弹出框layer显示在父页面上面

在这里插入图片描述

我们在子页面“添加”按钮点击后,会弹出子页面add.html页面。如下

在这里插入图片描述

以上“添加”按钮对应的页面代码为

在这里插入图片描述

我们想要add子页面可以在index页面范围内都可以移动,就需要修改代码

在这里插入图片描述

在弹出层layer之前,使用parent来操作,指定弹出到父页面上,

但是会出现,点击list页面添加按钮,没有任何的反应。

parent.layer.open为什么用不了的解决办法

父页面也需要
1.引入 layui.js
2.
layui.use(['table','layer'],function(){
var table =layui.table;
var layer =layui.layer;
})
在这里插入图片描述
在这里插入图片描述

总结:add添加页面,是通过list页面(add页面的当前页面)来弹出的,所以add页面的活动范围只能是list页面的范围,如果add页面活动范围是全页面的,我们只有指定add当前页面,也就是list页面的父页面index页面(list页面在index页面当中)。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门