layui.msg第一次弹出的提示很长

前端切图仔Zz

已于 2022-08-03 09:24:28 修改

阅读量685

点赞数

CC 4.0 BY-SA版权

分类专栏：前端常用ui框架文章标签： layui 前端 javascript

于 2022-08-02 19:34:48 首次发布

本文链接：https://blog.csdn.net/Amouzy/article/details/126128910

前端常用ui框架专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何解决layui.msg在首次弹出时提示过长的问题，通过使用Layui的layer.ready(callback)方法确保在页面加载完成后立即显示msg提示。示例代码展示了在页面打开时正确弹出'添加成功!'的msg提示。参考Layui官方文档可了解更多细节。

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

要解决layui.msg第一次弹出的提示很长的问题，可以使用Layui的内置方法layer.ready(callback) 来实现初始化就绪。即：在页面一打开就要执行弹层时，将弹层放入ready方法中。

示例如下：

layui.use('layer', function() {
    var layer = layui.layer;
    layer.ready(function() {
        layer.msg('添加成功!');
    });
});

详细可参考Layui官方文档

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端切图仔Zz

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

layui.open 使用postMessage父子页面传值基于jq+layui和vue

weixin_42574985的博客

06-06

715

因为父页面的框架就是使用jq+layui，所以在实现打开子页面时用到了layer.open，在其success回调中使用document.getElementById('Optimize_iframe').contentWindow.postMessage(res,"*")，且一定要加入iframe.onload 避免发送数据和接收数据出现偏差。场景是子页面进行完成操作后，点击提交按钮，接口返回success，执行父页面layer.close()方法关闭子页面。

layui一个页面中动态加载多个表格table 并且可以穿梭选择编辑并保存

勤劳的搬运工

04-15

1万+

楼主的水平不咋的就不写过多的描述性文字了代码只是实现了功能没有进行优化过有很大的优化空间仅给有需要的同学一个参考 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@ include file="/WEB-INF/page/public/tag.jsp"%> <!D...

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

layui框架学习（24：弹出层模块_消息框&提示框）

gc_2299的博客

05-25

9824

学习并记录了弹出层模块layer中最简单的提示框和信息框的用法及常用属性设置

【解决】layui layer的提示框，弹出框一闪而过的问题

最新发布

SummerGao

04-23

310

在页面中使用了form表单，把button按钮放在了form中，在这种情况下，如果没有指定button标签的type属性的话，默认会是submit，所以出现了一闪而过的现象。在button中指定type为button。

使用Layui解决C#弹窗的问题

2301_76524781的博客

06-06

651

如示例效果是这个样子的，样式、大小都可以自己更改。当你点击添加类型时，就会在本页面弹出一个小窗体。这个弹窗里面的内容是单独的一个页面，所有你可以在页面里进行数据库的内容操作。然后安装图片中的代码进行操作即可。设置自己想要的效果，然后调用自己想要弹出来的页面。c#本身是没有弹窗控件的，一般用的都是a标签进行页面跳转，但是今天我发现了一种我想要的，页面内即可弹窗的方法，非常简单，而且实用。首先你得需要一个连接，可以进行链接跳转，这里我们需要进行链接的我们自定义的js方法。上诉操作都做完了，就已经完成了。

layui学习----layui.msg（）

冷雨清的博客

09-24

4570

layui学习----layui.msg（）以下就是msg的用法 //eg1 layer.msg('只想弱弱提示'); //eg2 layer.msg('有表情地提示', {icon: 6}); //eg3 layer.msg('关闭后想做些什么', function(){ //do something }); //eg layer.msg('同上', { icon: 1, time: 2000 //2秒关闭（如果不配置，默认是3秒） }, function(){ //do somet

layui弹框（下）- 内置方法：弹框、询问、提示、加载、关闭层、全部关闭...等等

weixin_43193257的博客

04-23

6788

img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名"><img layer-pid="图片id，可以不写" layer-src="大图地址" src="缩略图" alt="图片名">layer.msg('我是个有表情的2秒的提示框',{icon:6，time:2000},function (){layer.alert('欢迎访问',{title:['我是标题'],'font-size:26px'})',function (){

layui框架简单解读，为什么要使用layui框架，layui框架的好处，后端程序员快速学习掌握layui框架技术型文档博文，layui学习笔记，快速掌握前端技术框架

秃头的博客

10-09

5370

本文章创建于2021年10月8日，20时10分目录标题1、layui官方公告2、为什么要使用layui框架、layui框架的好处3、layui框架的使用3.1、导入Layui的资源3.2、项目中的资源引入，我们项目中的webapp文件下，直接将资源的layui文件复制进去即可3.3、技术文档的支持 1、layui官方公告今天是我刚接触layui，对于后台的开发人员来说，了解基本的前端编程还是很有必要的，虽然平时写的前端不多，但也是被繁琐的前端代码搞得很烦，于是为了.

基于layui2和thinkphp5项目开发心得记录（一）

Bibifeng的博客

07-23

8576

写这系列的文章目的无他，仅仅是用以记录自己写项目的一些思路和心得，在开发过程中代码是以实现为首要目的，写得并不会非常美观实用，代码会在后期不断调试更改，文章也会进行不定期更新。未经作者允许请勿转载。最新更新：2018/7/26 功能需求：选取页面表格信息，批量生成word文件相关技术点前端layui表格的数据显示与后台json接口页面与页面之间的参数传递，页面与后台之间的参...

保存layui表格里input标签的数据

weixin_44573938的博客

07-27

5153

保存layui表格里input标签的数据上次写到了在layui表格里面加入input标签, 并且设置input标签的类型为时间格式，使数据顺序整齐排列在表格里，并且可以在layui表格里同时对多条数据进行编辑。那么，现在，问题又来了：如何同时保存在layui表格里面编辑的多条数据呢？在创建table标签时，我给它套了一个form表单，layui表格里面的input标签也按照form表单里面的...

【Vue.js & Layui】：2合1前端解决方案，动态数据加载的终极秘籍

本文深入探讨了Vue.js与Layui两大前端技术的融合应用。首先解析了Vue.js的核心概念，包括数据绑定、组件系统、指令、过渡效果以及高级特性。接着，详细介绍了Layui的模块化设计和与后端数据交互的方法。文章重点论述...

【Layui内置方法】layer.msg延时关闭msg对话框（代码案例）

辰兮要努力

02-15

3180

layer.msg延时关闭msg对话框,案例讲解

layui自带的表单验证提醒样式

weixin_42253577的博客

07-21

2439

layui自带的表单验证提醒样式,手写时统一样式 id为元素id,message为提示语 $('#id').addClass('layui-form-danger').focus(); layer.msg(message, {icon: 5, anim: 6});

Layui 内置方法 - layer.msg（提示框）

热门推荐

阿甘兄

04-22

12万+

在源码中用了相对较大的篇幅来定制了这个msg，目的是想将其打造成露脸率最高的提示框。而事实上我的确也在大量地使用它。因为它简单，而且足够得自觉，它不仅占据很少的面积，而且默认还会3秒后自动消失所有这一切都决定了我对msg的爱。因此我赋予了它许多可能在外形方面，它坚持简陋的变化，在作用方面，它坚持零用户操作。而且它的参数也是自动补齐的。 //eg1 layer.msg('只想弱弱提示'); //eg...

layui—— layui中使用弹出层 msg

qq_43201350的博客

09-06

799

1、在index.html中全局引入 <script src="./static/layui/layui.js"> // src 中的路径是layui.js的路径 layui.use('layer', function(){ var layer = layui.layer; }); </script> 2、在页面中使用 demo.vue文件 <script> export default { crea

Layui 内置方法 ——提示框layer.msg()

baidu_41904590的博客

07-08

3297

源码中用了相对较大的篇幅来定制了这个msg，目的是想将其打造成露脸率最高的提示框。它简单，而且足够得自觉，占据很少的面积，默认3秒后自动消失。坚持简陋的变化，在作用方面，坚持零用户操作，参数自动补齐。 //纯提示，如图1 layer.msg('你真美丽！'); //提示的基础上加上表情，如图2 layer.msg(带个表情你看看', {icon: 6}); //提示消息关闭之后执行什么操作 layer.msg('关闭后执行什么', function(){ //do something }); /

layui弹出层layer.msg()一闪而过

Heyangqing611的专栏

05-18

1185

遮盖层不出现问题：一：可能是按钮的类型是submit，改为button就行。二：可能是执行完Ajax后得再加一个return false；三：Ajax设为同步 Ajax设为同步上面的弹出层代码不显示：原因： js执行弹出提示层到页面显示"开始处理..."是2个动作，一个是js执行，一个是浏览器渲染，中间有个时间差，js执行完提示层后，页面上还没来得及显示"开始处理..."时，js就执行到了ajax部分，而ajax同步会导致锁定浏览器，表现为页面内容不会更改；当ajax执行回调函数时，对x

layui点击按钮弹出msg，并关闭弹出层。

a5252145的博客

07-08

3331

layui点击按钮提示msg，关闭弹出层 <button type="button" onclick="save" class="layui-btn-radius layui-btn layui-btn-sm">保存 function save() { layer.msg('整改意见保存成功！', { icon: 1, time: 1000 }, function () { /...

layui-layer.msg用法

qq_22744093的博客

06-16

815

layui layer.msg

layui.msg()怎么用

04-06

layui.msg()是Layui框架中的弹窗组件，用于在页面中弹出提示框。使用方法如下： 1. 引入Layui框架的CSS和JS文件。 2. 在需要使用的页面中添加以下代码： ``` layui.use('layer', function(){ var layer = layui.layer; layer.msg('Hello World'); }); ``` 3. 在代码中调用layui.msg()方法，传入需要显示的消息内容作为参数即可。 4. 可以通过设置参数来自定义弹窗样式、位置、持续时间等，具体可参考Layui官方文档。