前话:今天用 layer.confirm()  弹窗的时候,滚动到页面尾部再弹窗时,发现弹窗还显示在上面,要滚动会上面才能看到. 度娘找了一个获取滚动条位置的方法: function ScollPostion() { //滚动条位置 var t, l, w, h; if(document.documentElement && document.documentElement.scrollTop) { t = document.documentElement.scrollTop; l = d

效果图: 说明: 代码现已支持 Swift3 语法 使用介绍: 1.初始化位置 //frame 为整个popview相对整个屏幕的位置 箭头距离右边位置,默认15 //popMenu = SwiftPopMenu(frame: CGRect(x: KSCREEN_WIDTH - 155, y: 51, width: 150, height: 112)) //frame 为整个popview相对整个屏幕的位置 arrowMargin :指定箭头距离右边距离 popMenu = SwiftPopMe

window.onscroll = function () { var sl = -Math.max(document.body.scrollTop, document.documentElement.scrollTop); //document.getElementsByClassName('layui-m-layerchild').style.Top = sl + 'px'; $("#fixdiv").css("top", sl + "px"

前言:学习layer弹出框,之前项目是用bootstrap模态框,后来改用layer弹出框,在文章的后面,我会分享项目的一些代码(我自己写的). layer至今仍作为layui的代表作,她的受众广泛并非偶然,而是这五年多的坚持,不断完善和维护.不断建设和提升社区服务,使得猿们纷纷自发传播,乃至于成为今天的Layui最强劲的源动力.目前,layer已成为国内最多人使用的web弹层组件,GitHub自然Stars3000+,官网累计下载量达30w+,大概有20万Web平台正在使用layer. 具体请

当在主页面执行添加或修改时,用弹出层是比较好的选择,如何关闭弹出层并对父级页面进行操作呢 首先在父级页面中打开一个添加页面(弹出层) 在添加页面的表单提交函数中添加如下代码: function formSubmit(){ var serialStr = $("#form-myform-add").serialize();//序列化表单 var urlStr = '#';//请求的url $.ajax({ type:'get', url:urlStr, data:serialStr, s

页面中引入  layer.js 就行了 1.弹出一个提示信息: layer.msg("我是哦提示信息"); 2.弹出一个带选择的按钮的框 layer.open({ title: '删除' ,content: '您确定要删除此游客信息吗?', yes: function(index, layero){ var trackerType = $(_this).parents("tr").find(".tracker_type").val(); defu

一.首先引用JS文件 <script src="../../js/common/layer/layer.js"></script> 二.全屏调用以下代码 var index = layer.open({ type: 2, content: url, area: ['300px', '195px'], title: false, maxmin: true, closeBtn: 0 }); layer.full(index); 三.关闭弹出层 var index =

它的官方网站:http://layer.layui.com/ 消息.确认框.ifame.自定义文本.旋转木马,都有按钮,是一款强大的js 弹出框: 以下为本人的简单介绍: layer.open({ type: 1, //1代表 content的值例如:'文本' :2 代表 content的值例如'../index.html' area: ['450px', '220px'],//显示的弹出框的宽度和高度 // skin: 'layui-layer-rim', //加上边框 content: '<

layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发.在vue开发过程中引入layer.js的时候遇到了麻烦.原因是layer.js不支持import导入,这时就需要修改一下它的源码.在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加 export default layer; 这表示将这个全局变量导出. 然后在文件中找到下面的代码注释掉,这段代码是为layer添加样式的,但使用的路径不对

1.让层始终显示在屏幕正中间: 样式代码: .model{ position: absolute; z-index: 1003; width:320px; height:320px; text-align:center; background-color:#0066FF; display: none; } jquery代码: //让指定的DIV始终显示在屏幕正中间 function letDivCenter(divName){ var top = ($(window).height() - $(

layer弹出层不居中解决方案,layer提示不屏幕居中解决方法,layer弹窗不居中解决方案 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2016年12月9日 09:07:16 星期五 http://fanshuyao.iteye.com/ 一.问题描述 用layer做

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

一.使用方法: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即弹层外区域.默认

上一篇博客写的是通过隐藏显示进行div的替换,接下来需要在原有的div前添加一个div,进行表单的提交,需要将div放置在正中间,然后类似C#中的模态窗口,在进行完新弹出的div操作之后,才可以进行下一步操作 首先第一步,新建一个div窗口,代码暂时不贴,主贴的最后贴上完整代码 效果如图所示: 可以看出此时的DIV只是将元素展示了出来,还没有进行相应的优化,且不能对元素进行操作,主体DIV的位置也没有固定,显得很难看,下面对界面进行优化排版 首先要将div的位置放在界面的正中央,修改主体DIV的

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

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

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

前几天使用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:

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