彈窗驗證碼沒反應

最近工作中遇到一個問題,說的是製作了一個兩個彈窗的問題,彈窗A上面有圖形驗證碼獲取短信驗證碼和提交等功能。彈窗B是提交以後的報錯提示彈窗。觸發一個按鈕會彈出彈窗A,第一次彈出A上面的功能是好的,然後點擊提交,彈出第二個框B,同時關閉A,然後再打開A上面的功能死活不管用。不知道爲什麼,最後處理了好久才解決了。下面我們來重新梳理下解決思路。

 

頭腦風暴:

首先只有彈窗A的時候上面的功能是好的,彈出了彈窗B,同時關閉了A再打開A就不行了。我們想下這裏面發生了什麼事情呢?

正常打開一個彈窗頁面上只有一個彈窗,點擊彈窗裏的功能有反應,關閉彈窗再打開沒反應,我的預想是這個彈窗沒有正常關閉,造車的造成兩個彈窗A同時存在,所以點擊沒反應,那麼我們可以來驗證下 首先驗證彈窗上面的點擊事件是不是觸發了(證明事件是有的),其次驗證彈窗是不是關閉了還存在.

 

解決:

(1)查看點擊事件是否執行:

真的執行了

(2)查看彈窗是否沒銷燬

頁面中搜索彈框中的元素是否在關閉後還存在 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章