您的位置:首页 > 产品设计 > UI/UE

LigerUI弹窗按钮可以点击多次的问题解决

2018-01-25 17:11 891 查看
此方法也适用于普通js

首先我先解释一下遇到问题的Bug,公司使用的ligerUI的ligerDialog.open()的弹窗,并给弹窗设定了取消和确定按钮,点击确定按钮会提交from表单里的内容,在点击确定时会加一个盖幕防止按钮被点击多次,但是如果使用笔记本因为比普通电脑屏幕小,打开弹窗确定按钮处在盖幕的外边可以被点击多次,所以最近我就在解决该问题。。。。花了10分钟解决问题,然后玩了一天O(∩_∩)O哈哈~,代码如下:

使用jQuery的submit方法也可以,给点击按钮加一个onclick方法也行,使用表单的onsubmit方法也可以

var onclickcount = 0;  //此行定义在事件方法的外面,下面的都写在方法里

if (onclickcount > 0) {//如果参数值大于0,让return方法为false
return false;   //此行根据使用的方法自行修改例如去掉按钮的点击事件之类的
}
onclickcount++;  //在点击第一次时让参数值不等于0
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: