弹窗验证码没反应

最近工作中遇到一个问题,说的是制作了一个两个弹窗的问题，弹窗A上面有图形验证码获取短信验证码和提交等功能。弹窗B是提交以后的报错提示弹窗。触发一个按钮会弹出弹窗A，第一次弹出A上面的功能是好的，然后点击提交,弹出第二个框B，同时关闭A,然后再打开A上面的功能死活不管用。不知道为什么,最后处理了好久才解决了。下面我们来重新梳理下解决思路。

 

头脑风暴:

首先只有弹窗A的时候上面的功能是好的，弹出了弹窗B,同时关闭了A再打开A就不行了。我们想下这里面发生了什么事情呢?

正常打开一个弹窗页面上只有一个弹窗,点击弹窗里的功能有反应,关闭弹窗再打开没反应,我的预想是这个弹窗没有正常关闭,造车的造成两个弹窗A同时存在,所以点击没反应,那么我们可以来验证下 首先验证弹窗上面的点击事件是不是触发了(证明事件是有的),其次验证弹窗是不是关闭了还存在.

 

解决:

（1）查看点击事件是否执行:

真的执行了

（2）查看弹窗是否没销毁

页面中搜索弹框中的元素是否在关闭后还存在