layui 弹窗无效、看不到、超出窗口、被遮挡

最新推荐文章于 2023-03-28 17:08:19 发布
最新推荐文章于 2023-03-28 17:08:19 发布
阅读量2k 收藏 2
点赞数 4
分类专栏： 前端库 文章标签： html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38334525/article/details/115229006
版权

废话不多说直入主题:
在使用layer.alert layer.confirm layer.msg 等等弹窗时，发现看不到弹窗，然后通过控制台检查代码发现，如图
在这里插入图片描述
在这里插入图片描述

弹窗其实已经被创建了，但是跑到了视窗之外。
如何解决：
如果出现这种现象，百分之八十的可能就是html文件头未使用<!DOCTYPE html>声明文档类型 ，如果你未使用或使用其他的 DOCTYPE，你可能会面临触发接近标准模式或者怪异模式的风险。
在这里插入图片描述

默默地写代码
关注
  • 4
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
LayUI的使用心得：全面覆盖父窗口的子窗口
葉飞纷飞的博客
06-14 2748
前言：有一个这样的需求：本身已打开了一个窗口，是底部有按钮的窗口。然后 在这个窗口中又需要打开一个子窗口，原本layui的窗口打开模式设定是 子窗口是嵌在父窗口里（title和按钮栏的中间）；但是用户说操作子窗口的时候老是不小心点了 父窗口的底部确定按钮。那么 这就只能将 子窗口全面覆盖住 父窗口。 这解决办法其实简单起来也是很简单，直接parent.layer.open就...
layui layer select 选择被遮挡的解决方法
10-16
然而，在实际应用中，当layer弹窗内的select组件展开时，有时会出现被其他元素遮挡的问题，这会严重影响用户体验。为了解决这一问题，我们可以采取以下策略。 首先，我们要理解导致select被遮挡的原因。通常，layer...
layer.msg无效原因
qq_40365482的博客
04-07 9813
这里写目录标题原因一：同时引入多版本layui：原因二：scripts写法错误：==错误写法：==完整代码： 原因一：同时引入多版本layui： 原因二：scripts写法错误： 应为： layui.use('layer', function () { var test123 = document.getElementById("test123");//test123为按钮id...
layui layer.confirm弹出框看不到或者不居中问题处理
Skye_H的博客
09-30 1890
问题描述： 解决方式： 在jsp页面body 标签上加上style=”height: 100%”就可以解决 g-blog.csdn.net/20180930120210207?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NreWVfSA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolv...
JAVA开发坦克大战小游戏个人实战笔记
qq_43775449的博客
10-25 8217
1. 认识Frame类 a、这是一个窗口类 b、常用方法 setSize();//设置大小 setVisible();//显示窗口 setTitle();//设置标题 setResizable();//设置是否能改变窗口大小 addWIndowListener //创建窗口监听器` package tank; import java.awt.Frame; import java.awt.event.WindowAdapter; import ja
Layui：layer弹出层不显示
z1518089112的专栏
09-23 906
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 修改为 <!DOCTYPE html>
踩坑Layui：layer弹出层不显示
weixin_43967331的博客
05-31 4494
直接上我的解决方法： 在页面头部加上： <!DOCTYPE html> 因为做的是一个jsp项目，在手动加jsp头部的命名空间时，不小心把这行删了，导致layer一直不弹出而且无任何报错
解决layui弹出层layer的area过大被遮挡的问题
10-16
layer是layui中的一个模块，用于创建各种类型的弹窗，如提示、消息、iframe等。然而，在实际使用过程中，有时我们会设置area属性来定义弹出层的宽高，但当area值过大时，可能会导致弹出层被当前页面或iframe遮挡，...
解决layui数据表格排序图标被超出的表头挤出去的问题
10-16
本篇文章将详细探讨如何解决layui数据表格中排序图标被超出的表头挤出去的问题。 在layui的数据表格中，当表头单元格的宽度不足以容纳所有的内容时，系统会自动显示省略号以适应空间。然而，这种情况下可能会导致...
使用layer，layui，不能显示弹出效果
yuehuafei的博客
01-15 8293
在使用layer的过程中，明明引入了文件，但是却说   i is not define   这是因为layer是用jquery进行封装的，如果不把jquery的引如文件放入layer.js前面就会出现这种错误。 解决方法：将jquery的引入放到layer的前面， 建议将jquery最新引入，防止出错。 而在使用layui的时候，直接把layui.js  和layui.css直接复
layui 弹框无法显示
xianailili的博客
11-06 5454
研究了2个小时发现 layui 弹出框一直无法显示    触发了弹框  js也没报错  function openLogin(){ var index =layer.open({ type: 1 ,title: false //不显示标题栏 ,closeBtn: false ,area: ['450px', '509px...
layui中弹窗一闪而过 或者 不显示
qq_42943161的博客
08-16 638
解决方法: 在button中需要指定type为button
fc安卓模拟器_叮咚！电脑加入同屏套餐，不必羡慕安卓与IOS——同屏器进阶教程...
weixin_39805851的博客
10-19 984
大家好，我是和谐。前几天朋友为了让熊孩子上网课，找我买了个同屏器。整体上体验很棒，手机平板全能同屏，IOS安卓通吃，投屏同屏全能干，除了熊孩子天天上课有点头疼，其余的都挺完美。这不周末老师也休息了，朋友父子俩想玩FC模拟器游戏，却发现就算安卓手机扩展出usb接口来，模拟器也只支持一个手柄——难道要搬电脑？那多费事，于是找到了我寻求帮助。其实商品链接里写的Windows系统不支持同屏，需要专门设备—...
2022-04-09 工作记录--LayUI-layer.open()打开比父页面大的子页面
weixin_48850734的博客
04-09 1882
LayUI-layer.open()打开比父页面大的子页面
无法弹出layer.msg()的问题
Awake_haohao的博客
03-28 963
layer.msg()与parent.location.reload()冲突
layui弹出窗被遮罩层盖住问题解决
拉你手跟我走的专栏
11-11 3651
问题描述：使用div的id方式时，弹出窗被遮罩层盖住。 问题解决： layui官方给出的解决方案是把带有id的div放到最外层。显然不是很好解决。 我的解决方式：把html获取到后转成字符串。然后在content中调用 var html = $(’#addQuesManageTab’).prop(‘outerHTML’); var html = $('#addQuesManageTab').prop('outerHTML'); top.layer.open({ type: 1 , ti
layer.msg layui弹出层失效咋搞??
w161513820的博客
07-09 4083
设置一个textarea字数限制超过以后弹出提示信息，并且不会刷新内容。做完以后发现提示框死活不出来，查了下好像说是因为层级太低了，反正最后的解决办法就是 return false; 就行了。 form.on('submit(edit)', function (obj) { if($("#Text").val().length>=180){ layer.msg('字数超过180字啦') return false; } }）； ...
layer.confirm 询问框 的层遮盖
weixin_34024034的博客
04-21 1271
function admin_del(obj) { layer.confirm('确认要重启吗？', { btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //此处请求后台程序，下方是成...
layui 弹出层/弹窗 没有效果解决办法
u012972294的博客
02-06 4225
layui 弹出层/弹窗 没有效果，可能是没有引入相应的js文件，或者引入文件出错，顺序一定是在jquery 文件之后，当然也需要引入css文件， 对弹窗/弹出层起作用的主要是layer.js 和 layer.css文件 ...
layui表格中加下拉框解决数据被遮挡问题
最新发布
06-13
如果在Layui表格中加入下拉框，可能会出现数据被下拉框遮挡的问题。要解决这个问题，可以尝试以下几种方法： 1. 修改下拉框的位置。可以通过修改CSS样式或者JavaScript代码来改变下拉框的位置，使其不会遮挡表格中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值