类confirm函数内绑定事件问题(解绑)

在类confirm函数内为取消跟确认按钮绑定事件时很容易出一个问题,就是第一次弹窗时,即使你点击的是取消按钮,但仍然不影响为确认按钮绑定了事件,很容易导致第二次点击确认的时候会执行两次。这个可以为确认按钮随便console一个字符串证实。 为了避免这种情况,需要在点击取消按钮的时候,为确认按钮取消绑定事件

	function removeConfirm(alertContent,sureContent){
		$("#overMask").show();
		$(".sure").html(sureContent);
		$(".confirmContent").html(alertContent);
		$(".confirmTips").show();
		$(".cancel").bind("click",function(e){
			$("#overMask").hide();
			$(".confirmTips").hide();
			console.log(flag);
			$(".cancel").unbind("click");
			$(".sure").unbind("click");
		});
		
		$(".sure").one("click",function(e){
			$("#overMask").hide();
			$(".confirmTips").hide();
			$(".sure").unbind("click");
			console.log("12321312");
			removeLesson();		
		});

	}

转载于:https://my.oschina.net/daladida/blog/787585

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在前端开发中,我们常常需要给按钮添加点击事件来实现一些交互功能。针对按钮和事件绑定,我们可以使用layer confirm(弹窗确认框组件)来实现。 首先,我们需要引入layer confirm的相关资源文件,例如CSS和JavaScript文件。 接下来,在HTML代码中创建一个按钮元素,可以通过id属性或class属性来定位该按钮。 然后,在JavaScript中使用document.querySelector或document.getElementById等方法获取到该按钮元素。 接着,我们可以使用该按钮元素的addEventListener方法为其绑定一个点击事件。 在事件处理函数中,我们可以使用layer confirm的相关方法来弹出一个确认框,例如layer.confirm('确认要执行该操作吗?', function(){...})。 在确认框的回调函数中,我们可以编写具体的业务逻辑代码,例如发送Ajax请求、修改页面内容等操作。 最后,记得要在事件处理函数的最后返回false,以阻止按钮的默认行为(如表单提交)。 通过以上步骤,我们就可以将按钮和layer confirm事件进行绑定了。当用户点击按钮时,会触发点击事件处理函数,弹出确认框,用户确认后执行相应的操作。 需要注意的是,在绑定事件之前,要确保layer confirm的资源文件已经正确引入,并且在事件处理函数中可以使用layer.confirm等相关方法。另外,在实际开发中,可以根据需要自定义确认框的样式和按钮行为等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值