2021年7月4日星期日

Layui Confirm弹出框连续点击按钮会触发多次事件

Layui Confirm弹出框连续点击按钮会触发多次事件

点我访问 LayUI框架官网

话不多数直接看代码

// 计数器var i = 0;layer.confirm( 'Layui Confirm 快速点击按钮会触发多次事件', {icon: 1, title:'提示'}, function(index){ i++; console.log("当前执行次数: " + i); layer.close(index); });/* * 打印日志 * 当前执行次数: 1 * 当前执行次数: 2 */

解决方案

// 计数器var i = 0;// 生成标志位var flag = false;layer.confirm( 'Layui Confirm 快速点击按钮会触发多次事件', {icon: 1, title:'提示'}, function(index){ if (!flag){  i++;  // 修改标志位  flag = !flag;  console.log("当前执行次数: " + i);  // to Do Other } layer.close(index); });/* * 打印日志 * 当前执行次数: 1 */

此时产生一个新的问题:如果事件是一个同步方法那么这个对话框会等待同步方法执行完毕才会关掉,就显得很怪异,解决办法就是将同步方法变成异步方法如:

// 生成标志位var flag = false;layer.confirm( 'Layui Confirm 快速点击按钮会触发多次事件', {icon: 1, title:'提示'}, function(index){ if (!flag){  // 修改标志位  flag = !flag;   /* 500 毫秒后执行 otherFun 同步方法  * 在这500......

原文转载:http://www.shaoqun.com/a/846146.html

跨境电商:https://www.ikjzd.com/

vava:https://www.ikjzd.com/w/2780

亚马逊 海外购:https://www.ikjzd.com/w/998

tracker:https://www.ikjzd.com/w/2720


LayuiConfirm弹出框连续点击按钮会触发多次事件点我访问LayUI框架官网话不多数直接看代码//计数器vari=0;layer.confirm('LayuiConfirm快速点击按钮会触发多次事件',{icon:1,title:'提示'},function(index){i++;console.log("当前执行次数:"+i);layer
asiabill:https://www.ikjzd.com/w/1014
亚马逊自动广告的误区,SP广告应该这样玩!:https://www.ikjzd.com/articles/15754
2018年全球购物App下载量报告出炉:Wish勇夺第一!:https://www.ikjzd.com/articles/15757
亚马逊各大促销活动BD,LD,DOTA详细解析!:https://www.ikjzd.com/articles/15758
四大方法,让你短时间内在亚马逊上找准热门产品:https://www.ikjzd.com/articles/15759
民工把奶头吸的又大又长 被农民工吸的奶水直流:http://lady.shaoqun.com/a/247873.html
情感故事:六年来我睡过的那些女人(11/33):http://lady.shaoqun.com/a/68202.html
他JJ又粗又长的查插我 姐夫,嗯啊,痛,慢点插:http://www.30bags.com/m/a/249503.html
这名女子被"房屋休克"折磨了一夜,但她别无选择,只能报警。邻居:你能拿我怎么办:http://lady.shaoqun.com/a/401725.html
疑似吴炮王致歉信:承认炮王愿意放弃研究:http://lady.shaoqun.com/a/401726.html
我昨晚被吵醒了!寒冷的冬天如何治疗皮肤干燥?五:http://lady.shaoqun.com/a/401727.html
该女子半夜被室友强奸。事后,这位女士嘲笑她的室友"太矮了"。:http://lady.shaoqun.com/a/401728.html

没有评论:

发表评论