问题描述:在使用bootstrap中modal提示框插件的时候,N多页面中出现唯一一个页面出现bug,提示框无法显示,只能看到灰色的遮罩层。
解决过程:1.我是用的是chrome浏览器,观察了遮罩层z-index1040,modal-content的z-index1050正常。
2.切换浏览器,打开ie同样显示错误,说明跟浏览器无关。
3.我猜想可能是页面中存在冲突,于是我通过不断注释代码来找到冲突区域,最终定位在datapicker插件的位置,但是删除datapicker会出现另一种状况,点击没有效果。
4.纠结了半天,我新建一个html文件test,将modal部分拷贝上去,可用,将html代码除datapicker拷贝上去,可用,最后将完整的代码拷贝上去,可用。
结论:1.我的解决方法:新建一个html页面,将代码拷贝进去
2.我并没有找到最终的原因,这是我比较遗憾的,希望知道或者或者找到的朋友可以联系我。