html关闭当前窗口触发,弹出框点击关闭会触发确定按钮的接口，且可多次触发...

弹出框点击关闭会触发确定按钮的接口，且可多次触发

1.弹出框的html页面

发布

提示信息：

关闭

保存

2.点击关闭会触发确定按钮的接口--问题描述

$(".box button").click(function(){

$(".box1").css("display","block")

// 保存

$(".box1 .btn").click(function(){

alert("123456")

$(".box1").css("display","none")

})

})

// 关闭

$(".box1 .close").click(function(){

$(".box1").css("display","none")

})

3.点击关闭会触发确定按钮的接口--解决方案

$(".box button").click(function(){

$(".box1").css("display","block")

})

// 保存

$(".box1 .btn").click(function(){

alert("123456")

$(".box1").css("display","none")

})

// 关闭

$(".box1 .close").click(function(){

$(".box1").css("display","none")

})

总结：点击发布--关闭--保存时触发两次alert("123456")，因为保存写在了发布事件里面.