Bootstrap-Modal为我们提供了一个很好地模态窗口样式,它在不破坏bootstrap本身的代码下,完善了模态窗口的功能。但是最近在升级到3.0后,出了点问题,就是点击close按钮后,虽然窗口消失了,但是html的代码却没有消失,界面被套了个蒙版。见官方例子:Demo
看了代码后发现,在3.0中,
绑定modal.$backdrop.one后,需要.emulateTransitionEnd()才能生效,
3.0之前:
$parent .one($.support.transition.end, removeElement)
3.0
$parent .one($.support.transition.end, removeElement).emulateTransitionEnd(150)
在bootstrap-modalmanager.js中搜索modal.$element.one,在方法后面加上.emulateTransitionEnd(150);
本文针对Bootstrap 3.0版本中Modal组件关闭后存在的问题进行了解析,并提供了具体的修改方案。通过在bootstrap-modalmanager.js文件中对特定方法进行调整,可以解决关闭Modal后遗留的蒙版问题。
232

被折叠的 条评论
为什么被折叠?



