layer.msg修改在页面中显示的位置

最新推荐文章于 2024-04-23 13:49:33 发布
最新推荐文章于 2024-04-23 13:49:33 发布
阅读量3.6k 收藏 1
点赞数 2
分类专栏： web 文章标签： layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34309663/article/details/120381774
版权

直接上代码，如下所示：

layer.msg('刷新成功', { offset: [$(window).height() - 500, $(window).width() - 1500] });

通过offset的x,y坐标来调节显示的位置，可以尝试修改以上的500和1500来动态修改显示的位置

小小鱼34309335
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
解决layer.msg 不居中 ifram中的问题
10-16
今天小编就为大家分享一篇解决layer.msg 不居中 ifram中的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
使用layer.msg 时间设置不起作用的解决方法
12-12
前几天使用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: 2000 //2秒关闭（如果不配置，默认是3秒） }, function(){ //d
html5 layer.msg,layer.msg layer弹出框不居中解决方法
weixin_42136791的博客
06-18 983
一、问题描述用layer做操作结果提示时，发现如果页面超出屏幕的高度时，弹出的提示不是屏幕居中，而是在页面高度的中间，如果一个页面的高度比较大，就看不到提示了。二、解决方案当页面缺少下面这个声明时，在页面最上面加上声明就能解决问题。本人的页面就是少了这个，加上就正常。原因就是少了这个声明，导致解析页面时不正确。html>科普:定义和用法 声明必须是 HTML 文档的第一行，位于 标签之前。...
Layerui 弹出层的位置设置
weixin_30483495的博客
03-10 2307
距顶 offset: '300px' 例1： layer.msg("请先选择项！", { offset: '300px' });例2： layer.confirm("确定删除吗", { btn: ['确认', '取消'], offset: '300px' ...
layer实现弹出层自动调节位置
10-16
今天小编就为大家分享一篇layer实现弹出层自动调节位置，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui.msg layer.alert 修改设置位置
FsMoDi的博客
12-10 1752
layui.msg layer.alert 修改设置位置
Layer弹出框中icon数字参数说明
杨春建的博客
09-15 3063
原文地址：https://blog.csdn.net/ytangdigl/article/details/72903267 前言 icon参数为0，如下代码： layer.msg('请选择要编辑的机构', {icon: 0});   运行结果如图：  icon参数为1，如下图  icon参数为2，如下图：  icon参数为3，如下图：  icon参数为4，如下图：  icon参...
【layui-layer】弹框问题
MoFe1的博客
03-03 772
layer.msg("弹出信息", { icon: 1, time: 2000 }, function () { }); 问题：弹框位置取当前BODY标签高度一般偏上的位置，层级一般为最高，当页面DOM无BODY标签时H5会自动生成BODY标签，但高度会取DOM中最外层标签的高度，当使用iframe标签显示该页面时，如果最外层标签高度大于iframe设置的弹窗高度，弹框会计算页面DOM最外层标签高度并显示在一半高度偏上的位置 解决方案：在页面中加入BODY标签.
layer.msg设置显示位置，大小
晴天小风的博客
10-21 1万+
layer.msg设置显示位置，大小 显示在右下角： offset属性控制位置 area属性控制大小 ​​​​​​​layer.msg("123", { icon: $.modal.icon(modal_status.WARNING), time: 3000, shift: 5,offset:"rb",area:['400px','66px'] },function () { }); ...
layer弹出层的位置设置
yixu0534的博客
08-10 2万+
1、给弹出层id及信息，方便获取其宽度和高度 var index = layer.msg(data.info,{id:'reg-id'}); 2、根据具体情况计算出弹出层的top和left，用offset设置其位置 layer.msg(index,{content:data.info,offset:[ppt,ppl]}); 例子，设置layer弹出层在弹出层（id为pop-reg）的中
layer.msg()去掉默认时间,实现手动关闭的方法
10-16
今天小编就为大家分享一篇layer.msg()去掉默认时间,实现手动关闭的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layer - 简单好用的Web弹出层组件使用详解6（弹出框的样式、参数设置）
你好，我姓刘
09-07 2144
（1）skin 属性可以传入 layer 内置的皮肤样式 class 名来改变整个弹出框的样式。默认情况下只有点击提示框上的关闭按钮才可以将其关闭，我们也可以将 shadeClose 设为为 true，从而实现点击弹层外区域（遮罩）也可以关闭提示框。（1）move 默认值为 .layui-layer-title，表示触发标题区域的拖拽。（1）title 属性除了可以简单地设置标题文字外，还可以附带上相关的 CSS 样式。（2）如果将 shade 设置为 0，则表示不需要遮罩（提示框变成非模态的）
layer设置显示位置
热门推荐
hua_ban_yu的博客
09-19 3万+
layer设置显示位置可以通过offset进行设置， 设置代码：     layer.open({                 type: 2,                    content: "content.html",                  offset:"rb"             }) ...
alertmsg 变量值_layer弹出层框架alert与msg详解
weixin_32098599的博客
01-26 1130
layer--->web弹层组件代码:1layer.alert('见到你真的很高兴', {icon: 6});这是一个最简单的弹出层,可根据icon配置左边的图标通常情况下,除了弹窗之外我们一般都会有对按钮做回调处理的一些操作如图:1 layer.alert('墨绿风格，点击确认看深蓝', {2 skin: 'layui-layer-molv' //样式类名 自定义样式3 ...
layer.msg 不居中 ifram中解决办法
qq_38706757的博客
06-29 3917
在ifram中layer.alert 只展示当前页面如何让弹框在整个页面中展示  而不是在ifram中parent.parent.layer.alert('请输入预约人');本以为这样就可以   在主页面中还需要引入layer  <!--如果使用的是layui    layui版本光引入layui.js还不够，还要在引入的文件后加下面代码才layui.use(['layer'], funct...
layer——msg
weixin_44292241的博客
11-15 5704
<div> <div> <button id="btn1">msg弹窗，默认停留三秒</button> <br> <br> <button id="btn2">msg弹窗，默认停留一秒</button> <br> <br>...
layer.msg设置坐标
weixin_42490383的博客
07-06 1541
layer.msg('请输入简历ID',{icon: 6,offset:['40%','30%'],time:1000,area:['80px','66px']}) offset: 设置距离 上,左 位置 time: 弹出时间 area: 设置长宽度
LayuiMini使用时候初始化模板修改（下载源码）
最新发布
小二丶的博客
04-23 402
LayuiMini使用时候初始化模板修改（下载源码）
form.on('submit(*)', function(data) { data = data.field; if(!data.zhanghao){ layer.msg('账号不能为空', { time: 2000, icon: 5 }); return false } if(!data.mima){ layer.msg('密码不能为空', { time: 2000, icon: 5 }); return false } if(!data.xingming){ layer.msg('姓名不能为空', { time: 2000, icon: 5 }); return false } if(!isMobile(data.shouji)){ layer.msg('手机应输入手机格式', { time: 2000, icon: 5 }); return false } if(!isIntNumer(data.nianling)){ layer.msg('年龄应输入整数', { time: 2000, icon: 5 }); return false } http.requestJson(table + '/update', 'post', data, function(res) { layer.msg('修改成功', { time: 2000, icon: 6 }, function() { window.location.reload(); }); }); return false }); });
06-04
这段代码是一个表单提交...总的来说，这段代码实现了一个表单的验证和提交功能，用户在提交表单时，如果表单数据不符合要求，则弹出错误提示，如果符合要求，则将数据提交给服务器，并在提交成功后弹出提示并刷新页面。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值