layer.msg异步

layer.msg的使用

源码: layer.msg('只想弱弱提示'); layer.msg('表情提示', {icon: 6}); layer.msg('关闭后想做些什么呢', function(){ //自动执行这里面的内容 }); // 第三种 layer.msg('同上', { icon: 1, time: 2000 //2秒关闭(如果不配置,默认是3秒) }, function(){ //2秒后自动执行这里面的内容 });

layer.msg 添加在Ajax之前显示进度条。

一.使用方法:1)必须先引入jQuery1.8或以上版本 <script src="jQuery的路径"></script> <script src="layer.js的路径"></script> 2)定义函数 1)参数: icon: 16, //代表加载的图标time: 0, //0秒关闭(如果不配置,默认是3秒)shade: 0.5 //类型:String/Array/Boolean,默认:0.3即弹层外区域.默认

layer.msg();怎么关闭

var index = layer.msg(); $.ajax("","",function(){ layer.close(index) })

layer 中的 layer.alert layer.msg layer.confirm

1.layer.alert layer.alert('见到你真的很高兴', {icon: 6}); 效果图 layer.alert('墨绿风格,点击确认看深蓝', { skin: 'layui-layer-molv' //样式类名自定义样式 ,closeBtn: 1 // 是否显示关闭按钮 ,anim: 1 //动画类型 ,btn: ['重要','奇葩'] //按钮 ,icon: 6 // icon ,yes:function(){ layer.msg('按钮1') } ,btn2:funct

layer.msg(msg, time, parme)设置图标问题

layer.msg只提到3个参数,实际上有第4个参数,第4个参数就是msg关闭后执行的回调. layer.msg('提示', 2, 1, function(){}) 第一个参数:提示第二个参数:自动关闭时间第三个参数:图标类型第四个参数:msg关闭后执行的回调 layer.msg() 和 layer.alert() 结合使用后的问题在layer.msg() 弹出错误提示后,提交后弹出 layer.alert() 提示点确定关闭ifram 却关闭不了. 点击确定,关闭不了最外层

layer iframe层ajax回调弹出layer.msg()

ajax success方法 success: function(data){ layer.msg("输入你需要的提示",{time:1000,end:function(){ //消息持续时间,结束后回调方法 }}); }

使用layer.msg 时间设置不起作用

前几天使用layer.msg设置时间后发现不起作用,这里记录一下. 开始出错误的代码: 后面查看文档后得知调用layer.msg后如果有后续操作需要写在function()中: //eg1 layer.msg('只想弱弱提示'); //eg2 layer.msg('有表情地提示', {icon: 6}); //eg3 layer.msg('关闭后想做些什么', function(){ //do something }); //eg layer.msg('同上', { icon: 1, time:

layer.msg 弹出不同的效果的样式

icon 1到6的不同效果 layer.msg(,time:, shift: });//一个勾 layer.msg(,time:, shift: });//一个叉 layer.msg(,time:, shift: });//一个问号 layer.msg(,time:, shift: });//一个锁 layer.msg(,time:, shift: });//一个哭脸 layer.msg(,time:, shift: });//一个笑脸 shift 1到6的不同效果 shift: 从上到下 sh

layer.msg弹窗后没有自动关闭——问题解决

layer.msg弹窗后没有自动关闭,里面也没有配time: -1 layer.msg("信息体", {time: -1}); 后面发现是jquer和layer版本不对,之前自己用的是 layer-v3.1.1 jquery-1.4.4.min.js 把jquery版本换成3.0.0就好了

禁止layer.msg()回调函数时抖动

layer.msg(resp.msg, { shift: -1, time: 2000 }, function () { window.location.href = document.referrer; });

layer.msg()自动关闭后刷新页面

layer.msg("2秒就消失哦", { time: 2000 }, function () { window.location.href = document.location; });

layui的layer.msg，form提交

layer.msg('提示文字',{shift:1,time:2000},function(){ location.reload();});其中shift是提示框的动画样式,-1为无动画form.on('submit(*)',function());

layer.photos()异步修改图片地址后显示异常

项目中有一个图片有预览(用的layer.photos()),需要异步修改图片地址,但是成功修改后第一次预览会显示修改前的大图,第二次以后就都正常了. 尝试修改成功后再次调用layer.photos(),也没有作用. 把layer.js文件中 loop || parent.on('click', options.img, function(){ var othis = $(this), index = othis.attr('layer-index'); layer.photos($.extend

layer.msg如何让按钮的回调执行完毕后弹框不自动关闭

问题出现:我点击“确定”时会验证“新手机号码”,如果验证不通过则不给该弹框关掉,但是实际操作时,不管验证怎么样,点击“确定”之后该弹框都会关掉. 之前的写法: layer.open({ type: 1, shade: false, area: ['400px', '300px'], title: '修改 - 手机号码', //不显示标题 content: $('.edit_phone1'), //捕获的元素

基于layer封装的异步加载分部视图弹出层

背景:之前一直用的artdialog,但是样式不是很好看,后来偶然看到layer,觉得不错,但是对于.net mvc来说,不能像artdialog一样弹出分部视图是很难受的.所以下面的方法就解决了. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta na

layer弹出层框架alert与msg详解

ayer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 经常用到的在贴出代码 layer.alert('见到你真的很高兴', {icon: 6}); 这是一个最简单的弹出层,可根据icon配置左边的图标通常

jquery layer弹窗弹层插件小巧强大

/* 先去官网下载最新的js http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 触发弹层的事件可自由绑定,如: $('#id').on('click', function(){ layer.msg('test'); }); 下面主要贴出上述例子的调用代码: [信息框]: layer.alert('白菜级别前端攻城师贤心', 8); //风格一 layer.msg('前端攻城师贤心'); //风格二 //当然,远远不止这两

jquery layer弹窗弹层插件 (转)

/* 先去官网下载最新的js http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 触发弹层的事件可自由绑定,如: $('#id').on('click', function(){ layer.msg('test'); }); 下面主要贴出上述例子的调用代码: [信息框]: layer.alert('白菜级别前端攻城师贤心', 8); //风格一 layer.msg('前端攻城师贤心'); //风格二 //当然,远远不止这两

利用layer实现MVC页面数据互交提示弹框

需求说明: 一个表单页面,点击提交之后,进入后台进行一系列数据交互,然后将交互信息返回至页面中,并以弹框形式展示应用场景: 添加.修改.删除数据后,返回数据操作是否成功,以及一些其他信息前期准备: 一个MVC项目 jquery-3.2.1.js,下载地址:右键另存为 layui-v2.1.5.zip,官网:http://www.layui.com/,使用方法请查看文档,非常详实实现过程: 首先,来一段最原始简单的HTML和后台代码,请忽略CSS <html> <head> &

ajax利用FormData异步文件提交

通常情况下,我们上传文件都会使用form表单来提交文件.但有时候,我们会有异步提交文件的需求,在这种情况下,我们就需要新建一个Formdata来提交文件,后台如果使用的是PHP的话可以使用$_FILES来获取上传的文件. var formdata = new FormData();//新建一个Formdata用来存储文件 formdata.append('submitfile', $("#file")[0].files[0]);//获取文件内容,并且用append的方法把文件放入for

layer.msg异步

热门专题