今天遇到一个问题: layer弹出一个confirm提示窗,然后confirm还没有点击对应的按钮的时候,就已经执行了后续代码,我这里做出的判断是,是否需要进行后续操作,但是因为layer.confitm的非阻塞式的特性导致我这个控制失效,无法达到点击确定或者取消的效果. 研究了几个方法,都不怎么样,有些方法是把后续操作全部放到回调函数里面去,但是这个操作影响到我目前的逻辑,对方法的封装也不友好,所以就抛弃了. 后面自己谷歌到一个通过async关键字来实现阻塞式弹窗的方法:直接上图 首先在你需要

layer.confirm无法阻塞js执行,导致ztree插件的beforeRemove回调函数未等待用户确定删除便已经移除界面中的节点, 因此可能会出现前后台数据不一致情况,正常逻辑理应删除后台数据然后移除界面中的ztree节点元素. 解决方案:不使用ztree提供的默认删除功能(beforeRemove函数返回false即可),在layer.confirm中手动调用removeNode方法实现前台与后台的数据同步删除(舍弃ztree提供的自动删除功能).代码如下: //beforeRemov

有些时候,你可能要修改控件的事件,元素本身.等,这个时候如何操作呢?下面提供一个思路: <asp:LinkButton Visible="false" ID="shanchu" CommandArgument='<%# Eval("uid") %>' ToolTip="删除" OnClientClick="layerConfirm('确认要删除此订单?该删除将不可恢复',this);return f

function admin_del(obj) { layer.confirm('确认要重启吗?', { btn : [ '确定', '取消' ]//按钮 }, function(index) { layer.close(index); //此处请求后台程序,下方是成功后的前台处理…… var index = layer.load(0,{shade: [0.7, '#393D49']}, {shadeClose: true}); //0代表加载的风格,支持0-2 location.href =

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.confirm("确定对该资源单的价格"+isa+value+"元吗!", function(index, layero){ $(layero).find('.layui-layer-btn0').css('pointer-events','none'); $.post('${context}/resource/resourceAction_updatePrice.action',{'viewId':id,'price':value,'isupdown'

layer.confirm('请选择是否通过提现?(tips:同意直接打款,驳回不可恢复)', { btn : ['通过-打款','不通过','通过-已打款'], btn1:function(){ ajaxWithdraw(id,'yes'); }, btn2:function(){ ajaxWithdraw(id,'no'); }, btn3:function(){ layer.msg('暂未开放使用!'); return; } });

layer.confirm('确定不选择花车?', { title: false, btn: ['确定','取消'] //按钮 }, function(ind){ layer.close(ind); pagegoto('AddVehicle','AddVehicle',data_arr[swin].id); }, function(inds){ layer.close(inds); });

关于layer.confirm的所有操作 layer.confirm('content',{ btn:['确定','取消'], cancel:function(index, layero){ console.log('关闭x号'); } },function () { console.log(); $('.layui-layer-btn0').hide(); $('.layui-layer-content').text('扫描中'); },function(){ console.log(); }

场景还原 测试同学反馈点击了一次操作,为什么会有两条操作记录? 我:???? 排查思路 查看日志,看一下是不是发了两次请求,果不其然啊: 并发了,同一时间发送了两次请求,出现了脏写. 原因 系统的confirm是线程阻塞的,而layer.confirm是非阻塞的,这一点在官方的API文档中有提到. 解决方案 var lock = false; layer.confirm('is not?',{btn:['确定','取消']},function(index){ if(!lock) { //加锁防止

今天在项目中遇到需要弹框处理的问题,,当用户点击某个单选框时,需要进行确认操作,,常规的情况下,因为layer.open()和layer.confirm()都是异步执行的, 在点击单选框之后单选框会立马选中, 弹框的效果心痛虚设. 后来想到在用户点击之前可以先对当前点击的按钮进行记录,,因为此时弹框是异步的,,直接返回false让单选框不选中,然后在对弹框条件进行判断,,满足条件让刚才记录的单选选中就好.思路就是这样,一实验,果然好使. 代码如下:.. $("input[name='SendDe

layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上任意版本,和laye.js 通过简单的例子能加深理解和学习,首先引入基本的css和js <link rel="stylesheet" href="css/reset.css"> <script src="http://libs.baidu.c

  基础参数 type title content skin area offset icon btn closeBtn shade shadeClose time id shift maxmin fix scrollbar maxWidth(私有) zIndex move moveType moveOut moveEnd(回调) tips(私有) tipsMore(私有) success(回调) yes(回调) cancel(回调) end(回调) full/min/restore(回调) 内

学习网址:http://layer.layui.com/ 下载地址:http://res.layui.com/download/layer-v2.1.zip 我们提到的基础参数主要指调用方法时用到的配置项,如: layer.open({content: ''}), layer.msg('', {time: 3}), 其中的content和time即是基础参数,以键值形式存在,基础参数可合理应用于任何层类型中,您不需要所有都去配置,大多数都是可选的.而其中的 layer.open. layer.m

layerui下载:http://www.layui.com 更多参数请阅读开发文档:http://www.layui.com/doc/modules/layer.html Layui 是一款采用自身模块规范编写的情怀型前端UI框架,遵循原生HTML/CSS/JS的书写与组织形式,门槛极低,拿来即用.其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到API的每一处细节都经过精心雕琢,非常适合界面的快速开发 1.引入js 和css <script type="text/java

最近遇到一些问题,用layer提示消息框,比如删除时,提示消息确定后 return false时,则不管用了,因为layer不支持阻塞,下面就解决一下这个问题:(本文使用Xcode,如要学习,请复下面连接到地址栏:http://www.cnblogs.com/nnhy/archive/2012/02/27/2369263.html) 删除按钮代码: <asp:Button ID="btnDel" name="btnDel" runat="server

layer.alert(content, options, yes) - 普通信息框 它的弹出似乎显得有些高调,一般用于对用户造成比较强烈的关注,类似系统alert,但却比alert更灵便.它的参数是自动向左补齐的.通过第二个参数,可以设定各种你所需要的基础参数,但如果你不需要的话,直接写回调即可.如 //eg1 layer.alert('只想简单的提示'); //eg2 layer.alert('加了个图标', {icon: 1}); //这时如果你也还想执行yes回调,可以放在第三个参数中.

弹出层layer的使用 Intro layer是一款web弹层组件,致力于服务各个水平段的开发人员.layer官网:http://layer.layui.com/ layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力.其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现. layer.msg 语法:layer.msg(content[, options][, end]) 提示框 layer.msg('这里是msg内容'); layer.m

首先向大家推荐layer,在这里也非常感谢贤心的贡献,非常不错的信息框及弹出层解决方案,为一些项目的前端开发提高了很大的效率,希望layer 越办越好! 下面是API,呵呵,官方抄袭过来的,为了自己看着方便. layer API之键值(仅在需要时配置,未配置的会用默认) 键 : 值 描述 skin : 0 层的皮肤编号,值为整数型.目前默认只提供一种皮肤,当你按照样式规则新增皮肤时(详见skin/layer.css),你可配置该参数. type : 0, 层的类型.0:信息框(默认),1:页面层

需要在layer前面加上parent.layer. 2.运用layer层的步骤: 1.引入1.8版本以上的jquery文件 <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 2.引入layer.js文件 <script type="text/javascript" src="layer/layer.js"&g

开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等 这里会推荐几个常用的js插件,丰富多样简单易移植很适合我们做前台开发使用 第一个插件:多功能弹窗控件layer-v2.4  下载地址:http://layer.layui.com/ 页面调用js //初体验 layer.alert('内容') //第三方扩展皮肤 layer.alert('内容', { icon: 1, skin: 'layer