欢迎来到小懒的博客~email:568705236@qq.com

解决layuiadmin单页出现弹窗被灰罩遮挡

2020/8/19 8:55:37站长

    有群友发出了一个问题,在layuiadmin的单页开发中遇到了在页面弹出隐藏区域时,出现弹窗被遮罩挡住的问题。

QQ图片20200819083400.jpg

QQ图片20200819083345.jpg

    对于layui的弹窗,我使用的比较多,所以第一时间我就估计这是弹窗的元素不是body元素的直接子节点。询问了一下群友,这个弹窗的元素是在非主页的页面中的最顶层了。由于单页应用是加载新页面内容然后存放在指定的元素中,因此弹窗元素就不可能成为body元素的直接子节点,从而受到存放的父节点的层次影响,导致弹窗被遮罩挡住。

    对此,我就让对方将layui弹窗的参数中content传入的jquery对象修改为传入这个元素本身的html。群友修改后,又遇到一个新问题。就是弹窗中的输入框读不到值。我让群友发了下读取输入框值的逻辑代码。

QQ截图20200819083536.png

    是用ID读取输入框的值,看到这,我就估计是ID重复的问题,让群友用script标签的text/html模式将弹窗的元素套起来,修改弹窗参数content传入的html的获取方式。最后群友的这个问题解决了。

上一篇:没有了

下一篇:layuiadmin单页模板元素绑定

赞赏