我在检查一个奇怪的案子。我有一个引导模态,在模态体中包含一些输入字段。
而在其他页面上,如果模态中的表单字段有焦点,而我关闭该模式,则没有问题,在这个特定的页面上发生了一些奇怪的事情:模态开始淡出,直到它的不透明度为0。比整个褪色过程似乎停止:
.modal-backdrop
仍然在那里并且可见。.modal
的opacity: 0;
本身仍然具有内联样式display: block;
。它躺在/盖在背景上,因此是不可点击的。modal-open
。因此,它的滚动条再次可见。无论是因为带有data-dismiss="modal"
的按钮还是使用javascript按钮,模式都是关闭的。重要的是
.form-control
有焦点。如果我从输入中删除类form-control
,那么即使输入有焦点,模态也会按预期关闭。如果在关闭该模式之前手动单击其他地方,以便从.form-control
中移除焦点,则该模式将按预期关闭。如果我尝试blur()
或unfocus()
模型中的所有输入,问题仍然会发生。有趣的是,如果我在模式“挂起”时摆弄Firebug,选择.modal
,查看css并将类.fade
(即为0)的不透明度更改为例如0.1
,一些似乎一直在等待的进程仍在继续,该模式被设置为display: none;
,背景消失。
将不得不深入到这一点,因为它只发生在本页。
但也许有人也经历过类似的事情。
发布于 2014-10-22 07:02:43
在我的例子中,这是对jasny引导的干扰。关于Github上的这个问题有一个问题(和一个快速的解决方案):https://github.com/jasny/bootstrap/issues/293
发布于 2014-10-15 19:29:25
将..form控件的转换属性设置为none。这对我有用。
.form-control {
transition: none !important;
}
https://stackoverflow.com/questions/25806374
复制相似问题