-
Notifications
You must be signed in to change notification settings - Fork 3
Open
Description
目前我们 功能节点逐渐增加了打印功能,大部分打印按钮设置设计在模态框弹出后显示打印按钮,如下图:

在实际测试中发现打印按钮取消再点击打印操作多次后,打印功能被调用多次~
哎呀,中邪还是手抖了~后来按规律测试,点几次按钮,就弹出几次打印页面。代码点击事件如下
$('#ensurePrint').click(function() { $('#depModal').modal('hide'); viewModel.printContent(); });
点击几次,点击事件就会触发几次,于是我怀疑这货不嫌麻烦每次弹窗都给我绑了个事件,那么验证一下:
点击三次,我们从控制台看一下事件监听:

果然是这样,编码的时候没有注意到这个问题,
弹窗框每一次弹出事件都会进行了一次绑定,导致多次执行打印的调用,在这里我们可以用采用方法:
1.每次弹出框消失都清除重新添加,不过这种有可能多次操作的,这种方法显然二的不要不要的。
2.选择了先unbind取消绑定,再绑定点击事件,事件就不会多次绑定:
$('#ensurePrint').unbind('click').click(function() { $('#depModal').modal('hide'); viewModel.printContent(); });
以后的点击事件希望大家可以注意此类问题
Reactions are currently unavailable
Metadata
Metadata
Assignees
Labels
No labels
