踩坑Layui：layer弹出层不显示

最新推荐文章于 2023-03-09 09:38:54 发布

狂野之驴

最新推荐文章于 2023-03-09 09:38:54 发布

阅读量4.6k

点赞数 5

CC 4.0 BY-SA版权

分类专栏：出错解决文章标签： html5 前端 html css javascript

本文链接：https://blog.youkuaiyun.com/weixin_43967331/article/details/106455370

出错解决专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个在JSP项目中遇到的layer弹窗无法正常显示的问题及其解决方案。问题源于页面头部的HTML文档类型声明被意外删除，通过重新添加<!DOCTYPE html>，成功恢复了layer弹窗的正常功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接上我的解决方法：
在页面头部加上：

<!DOCTYPE html>

因为做的是一个jsp项目，在手动加jsp头部的命名空间时，不小心把这行删了，导致layer一直不弹出而且无任何报错

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

狂野之驴

关注关注

5
点赞
踩
0

收藏

觉得还不错? 一键收藏
6
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Layui 的弹窗不显示的问题(已解决)

qq_35332494的博客

10-28

2798

项目场景：由于本人是个菜鸟,不会使用特别的前端框架所以我搭载了SpringBoot + LayUi 的框架问题描述：昨天我遇到的问题是,图标显示为方框 ,类似于这种: 但是我今天遇到了新的问题,类似于这种: 少了前面的笑脸表情原因分析：一开始我认为就是和昨天的情况类似,科室需要值得注意的是,前端是没有报错的最后经过我不断地细心发现, 所要使用的icon文件可能是损坏的, 点进去icon.png 看了一下,果然是空白解决方案：重新上传一份之后再试: 问题解决!!

LayUI踩坑分析二——关于下拉框组件动态赋值取值

weixin_43691773的博客

09-23

840

Promise它通常在启动多个异步任务并发运行并为其结果创建承诺之后使用，以便人们可以等待所有任务完成。

6 条评论您还未登录，请先登录后发表或查看评论

使用layer，layui，不能显示弹出效果

yuehuafei的博客

01-15

8518

在使用layer的过程中，明明引入了文件，但是却说 i is not define 这是因为layer是用jquery进行封装的，如果不把jquery的引如文件放入layer.js前面就会出现这种错误。解决方法：将jquery的引入放到layer的前面，建议将jquery最新引入，防止出错。而在使用layui的时候，直接把layui.js 和layui.css直接复

Layui：layer弹出层不显示

z1518089112的专栏

09-23

1000

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 修改为 <!DOCTYPE html>

layui弹窗不显示文字导致原因+解决

墨落青衫

04-12

1974

##layui弹窗不显示文字导致原因+解决 ###原因这里我遇到的是ajax上传时候没有设置 dataType:‘json’ dataType设置服务器返回数据格式 ###解决 1:设置返回数据格式例如: dataType:‘json’ [见下方图1] 2:拼接标签例如: [见下方图2] ...

layui 弹框无法显示

xianailili的博客

11-06

5565

研究了2个小时发现 layui 弹出框一直无法显示触发了弹框 js也没报错 function openLogin(){ var index =layer.open({ type: 1 ,title: false //不显示标题栏 ,closeBtn: false ,area: ['450px', '509px...

解决layer 动态加载select 失效的问题

12-13

4. 这样，新加载的select元素就能在layer弹出层中正常显示和使用了。总的来说，当你在layer中遇到动态加载的select失效问题时，不要忘记使用layui的form模块进行渲染。这不仅能解决样式问题，还能确保select的交互...

layui 使用弹出层时界面闪烁，不显示弹出层

clc_2020的博客

07-15

561

layui 使用弹出层时界面闪烁，不显示弹出层：在button标签上我加了一个a标签，导致弹出层界面闪烁一下，不显示，删除后成功显示；原来的代码： <a style="dispaly: block;width: 100%;height:100%" href="...."> <button type="button" id="addProject" onclick="addProject()" style="margin: 3rem 0 0 2rem;" class="layui-

JSP页面layui弹出层失效问题

zovz的博客

07-30

2431

前两天写了一个个人网站，使用了layui的各种组件，但是其中有很多的坑需要和大家说一下。 1.导入的问题首先layui的导入，必须jqery在前，layui.js在后，自己编写的js文件应该在最后，否则会导致弹出层失效的问题. 建议将自己编写的js文件myStyle.js放入整个页面的最下方，也就是body的上面，因为有时候自己写的js文件需要获取页面的元素来监听，可能导致事件已经启动，但页面未加载完，元素为空的情况，导致js效果等不出现的问题。 jQuery>layui.js>commo

layer弹出层不居中解决方案，仅显示遮罩，没有弹窗

热门推荐

ljj2312的专栏

06-12

1万+

问题：项目中遇到layer问题，因为页面加载的图片多，点击删除是layer询问层的弹窗仅显示遮罩层，并不显示弹窗…… 原因：图片太多将layer弹窗挤出屏幕下方，看不见了…… 解决方案：让layer的弹出层居中显示一、问题描述用layer做操作结果提示时，发现如果页面超出屏幕的高度时，弹出的提示不是屏幕居中，而是在页面高度的中间，如果一个页面的高度比较大，就看不到提示了。 ...

layui-＞layer.msg(“xxx“)不显示问题，并且JS无报错

chang8536的博客

04-08

2322

layer.msg("xxx")显示不正常，并且JS无报错

调用 layer.open 方法时，没有弹框动作；layer.open 不弹框

JCM_ZZ的博客

03-09

1014

1. 确认是否有逻辑报错； 2. 依赖包是否引入成功或正确； 3. 调用 layer.open 入参的元素id设置不能与html文档内其他元素 id 设置重复。

layui 弹出层/弹窗没有效果解决办法

u012972294的博客

02-06

4367

layui 弹出层/弹窗没有效果，可能是没有引入相应的js文件，或者引入文件出错，顺序一定是在jquery 文件之后，当然也需要引入css文件，对弹窗/弹出层起作用的主要是layer.js 和 layer.css文件 ...

layUI——layUI打开弹窗后下拉列表不显示及显示后动态取值取不到的问题解决方法

threelifeadv的博客

10-10

1653

用layUI做前端框架开发，结果在打开弹窗后怎么都不显示下拉列表，得了，再刷一下layUI的框架实例，找到了解决办法。 function addEnvironment() { var $html = ''; $html += '<div class="layui-fluid xjfw environment">'; $html += '<div class="l...

layui在弹出层显示laydate不能弹出，或者一闪而过的解决办法

jifashihan的博客

03-24

4294

在弹出层使用layui.laydate，一般会出现点击无效，不弹出，或者一闪而过，切换页面才会显示的问题，正确实现代码是： add: function () { $("#isNew").val(1); $('#myForm')[0].reset(); form.render(); layer.open({

layui渲染弹出层无效 layui.layer 弹出层无法渲染

Amy_Victoria的博客

01-06

4200

layui渲染弹出层里的样式没法渲染折腾了几个小时，试了各种方法，最后发现是没把表单设为layui-form <form class="layui-form" >非常重要触发弹出层代码弹出层页面注意一定要把表单设为layui-form <form class="layui-form" >非常重要再加上重新渲染，问题完美解决 ...

layui中弹窗一闪而过或者不显示

qq_42943161的博客

08-16

723

解决方法: 在button中需要指定type为button

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

默默地博客

03-26

2375

废话不多说直入主题: 在使用layer.alert layer.confirm layer.msg 等等弹窗时，发现看不到弹窗，然后通过控制台检查代码发现，如图弹窗其实已经被创建了，但是跑到了视窗之外。如何解决：如果出现这种现象，百分之八十的可能就是html文件头未使用<!DOCTYPE html>声明文档类型，如果你未使用或使用其他的 DOCTYPE，你可能会面临触发接近标准模式或者怪异模式的风险。 ...

layer弹窗不起作用

海水梦悠悠的博客

01-18

2261

问题描述大家好，我遇到一个问题，写了一个打开弹窗的代码，我看着是没有问题的，但是前端页面就是不弹窗。没有任何警告和报错。代码的功能：点击一个按钮，然后弹窗。前端按钮的代码： <div class="layui-btn-container"> <button data-method="offset" data-type="auto" class="layui-btn layui-btn-normal">居中弹出1</button> <button

Layui中Layer弹出层右上角X关闭按钮隐藏