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

已于 2022-07-08 23:48:06 修改
阅读量2.5k 收藏
点赞数
分类专栏： SpringBoot Layui SpringBoot+Layui的踩坑集锦(持续更新中) 文章标签： html
于 2020-10-28 10:52:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35332494/article/details/109328096
版权

本人最新博客地址blog

项目场景：

由于本人是个菜鸟,不会使用特别的前端框架
所以我搭载了SpringBoot + LayUi 的框架

问题描述：

昨天我遇到的问题是,图标显示为方框 ,类似于这种:

在这里插入图片描述
但是我今天遇到了新的问题,类似于这种:
在这里插入图片描述
在这里插入图片描述
少了前面的笑脸表情

原因分析：

一开始我认为就是和昨天的情况类似,科室需要值得注意的是,前端是没有报错的

最低0.47元/天 解锁文章
耳东不洗碗
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决layui弹框失效的问题
10-16
今天小编就为大家分享一篇解决layui弹框失效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui layer select 选择被遮挡的解决方法
10-16
总的来说，解决layui layer中的select选择被遮挡的问题，主要是通过调整CSS属性，尤其是`overflow`，来允许下拉列表正常显示。在实践中，开发者需要结合具体的项目需求和页面结构，灵活运用这些技巧来优化用户体验。
Layui：layer弹出层不显示
z1518089112的专栏
09-23 906
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 修改为 <!DOCTYPE html>
踩坑Layui：layer弹出层不显示
weixin_43967331的博客
05-31 4495
直接上我的解决方法： 在页面头部加上： <!DOCTYPE html> 因为做的是一个jsp项目，在手动加jsp头部的命名空间时，不小心把这行删了，导致layer一直不弹出而且无任何报错
layui中弹窗一闪而过 或者 不显示
qq_42943161的博客
08-16 638
解决方法: 在button中需要指定type为button
页面元素全屏后，layui 弹窗弹不出来
qq_42751928的博客
09-06 1365
一点点小事
解决layUI的页面显示不全的问题
10-16
今天小编就为大家分享一篇解决layUI的页面显示不全的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
关于layui时间回显问题的解决方法
12-13
解决办法 layui.config({ base: './Public/layuiadmin/' //静态资源所在路径 }).extend({ index: 'lib/index' //主入口模块 }).use('index'); layui.use(['laydate','form','table'], function(){ var ...
jquery3和layui冲突导致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
11-28
问题的根本原因是LayUI内部可能依赖于某些jQuery 1.x版本的方法或API，而这些在jQuery 3.x中已被移除或更改。 为了解决这个问题，有两种可行的解决方案： 1. **使用LayUI内置的jQuery**：LayUI内部已经包含了一个...
layui 弹框无法显示
xianailili的博客
11-06 5454
研究了2个小时发现 layui 弹出框一直无法显示    触发了弹框  js也没报错  function openLogin(){ var index =layer.open({ type: 1 ,title: false //不显示标题栏 ,closeBtn: false ,area: ['450px', '509px...
layui form表单验证不弹出提示
扶摇的博客
04-11 5374
今天使用layui的时候表单验证的提示没有了，咱也不知道咋回事儿，咱也不敢问啊！废了老鼻子劲找了半天才找到问题。 下面看一下我实际上想要的layui提示效果，弹出一个框： 但是因为一些小问题，提示框变成介个亚子？更严重的根本就没有？ 样式呢？？？没有了！！！ 提示呢？？？没有了？？？直接给我提交了。 后来仔细看了好长时间官方文档才找到症结所在[捂脸] 官方文档 先贴出页面源码： <!-...
使用layer，layui，不能显示弹出效果
yuehuafei的博客
01-15 8295
在使用layer的过程中，明明引入了文件，但是却说   i is not define   这是因为layer是用jquery进行封装的，如果不把jquery的引如文件放入layer.js前面就会出现这种错误。 解决方法：将jquery的引入放到layer的前面， 建议将jquery最新引入，防止出错。 而在使用layui的时候，直接把layui.js  和layui.css直接复
layui 使用弹出层时界面闪烁，不显示弹出层
clc_2020的博客
07-15 511
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-
layui的弹窗失效-----css导入不全引起的
Flying_6的博客
04-12 519
问题描述： 自己在使用layui的弹窗时，发现自己无法使用弹窗，就一个简单的使用， layer.msg('上传成功'); 就这么简单，发现无法用 解决办法： 自己百度搜索资料才发现，自己没有讲layui的css导入全，后来我直接将项目所使用的css全部进行更新，去layui对应的gitee，克隆下载全部 这样即将问题解决了，能成使用弹窗。 ...
LayUI upload上传组件选择文件按钮点击无效，无法弹出文件选择对话框问题解决
旭东怪的博客
12-10 6518
问题描述： 点击选择文件按钮无效，无法弹出文件选择对话框。 问题解决： 1、由于是在对话框中使用LayUI的上传组件，需要在对话框初始化完成之后再初始化文件按钮。 //初始化对话框 function initDialog(){ attachDialog = art.dialog({ left: '50%', top: '50%', width: 430, height: 200, fixed: true,
layer关闭一个弹窗后又打开一个弹窗失败的问题
Diamond_yoyo的博客
05-17 1158
经搜索发现原因是 来源：使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁的问题 @Gyb - 博客 - 编程圈 使用Layer弹窗时遇到Layer.Close()后dom元素延迟性销毁 在编写专题图功能时，有一个场景为打开A专题数据windowA后，查询时间改变后需要重新渲染打开window，这时候执行windowA.close();windowB.open()，发现windowB中的统计图模块没有渲染出来，经调试发现，在执行统计图渲染时，windowA虽然关闭了，但是dom中
弹窗表格出不来：layui点击button后弹窗表格form闪现，打开后马上自动关闭。坑了2天
richard_18的博客
10-21 819
弹窗表格出不来：网页中点击新增button后，layui-form的弹窗表格闪现，然后马上自动关闭，并且reload重载table表格数据。正常应该是form弹窗静止，等待输入好信息，点击提交按钮之后在关闭。问题原因是 新增button属性里必须加type=“button”，否则会默认button是submit类型提交数据，这回导致表格数据的reload。初始的模板是参考“python+django+layui开发页面表格数据的增删改查”这个帖子，陆续遇到了很多问题，大家还是需要小心啊。
layui弹窗不显示文字导致原因+解决
墨落青衫
04-12 1853
##layui弹窗不显示文字导致原因+解决 ###原因 这里我遇到的是ajax上传时候没有设置 dataType:‘json’ dataType设置服务器返回数据格式 ###解决 1:设置返回数据格式 例如: dataType:‘json’ [见下方图1] 2:拼接标签 例如: [见下方图2] ...
layui在弹出层显示laydate不能弹出，或者一闪而过的解决办法
jifashihan的博客
03-24 3872
在弹出层使用layui.laydate，一般会出现点击无效，不弹出，或者一闪而过，切换页面才会显示的问题，正确实现代码是： add: function () { $("#isNew").val(1); $('#myForm')[0].reset(); form.render(); layer.open({
layui弹窗点击外面不关闭
最新发布
05-10
可以通过设置弹窗遮罩层的属性来实现点击外面不关闭弹窗的效果。具体实现方法如下： 1. 弹窗遮罩层设置： ```html <div class="layui-layer-shade" style="background-color: #000; opacity: 0.3; z-index: 19891014;"></div> ``` 其中，opacity 属性决定了遮罩层透明度，可以根据需要进行调整。 2. 弹窗设置： ```javascript layer.open({ type: 1, title: '弹窗标题', content: '弹窗内容', area: ['500px', '300px'], shade: [0.3, '#000'], // 弹窗遮罩层 shadeClose: false // 设置点击遮罩层不关闭弹窗 }); ``` 其中，shade 属性设置了遮罩层的透明度和颜色，shadeClose 属性设置为 false，表示点击遮罩层不关闭弹窗。 以上是基于 layui 的实现方法，如果是其他框架或原生 JavaScript 实现，可以参考类似的思路。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值