使用colorbox進行彈窗遇到的怪事,關閉彈窗報錯colorbox undefined


今天在做前端一個彈窗的功能的時候出現了一個bug。

彈窗用的是colorbox控件,點擊控件第一次彈窗是正常的,之后點擊關閉會報錯,如圖



看到錯誤,第一反應是js文件沒加載?

通過chrome的調試工具查看,js文件正常加載了的。

那會是什么原因呢?


接下來是各種嘗試各種排查,最后還是google給力,在stackoverflow上有個類似的問題

解答的也很有道理


意思就是jQuery文件加載了兩次,后加載的文件替換了之前的包含了colorbox的文件,造成關閉的時候colorbox無法識別。


根據這個說法,查看js文件的加載,如圖示


jquery果然加載了兩遍!!!

之后立馬修改代碼,把彈窗頁面里的jquery引用刪掉。

重新調試,一切正常了~~~


從這里得到一個教訓:javascript文件的引用一定要合理,不能隨便亂引用!


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com