问Bootstrap Modal fade问题
EN

Stack Overflow用户

提问于 2012-12-14 03:43:39

回答 1查看 215关注 0票数 2

我最近更新了Bootstrap插件文件到版本2.2.1 (提供所有插件的连接版本)。

交换了所有的旧数据-*我们一直使用1.4版本的通道的api引用-一切都很棒。我们从未使用过的是'fade‘类提供的动画。

所以今天我想弹出动画，谁能解释一下为什么添加fade类不仅会完全破坏模式(显示背景，但模式本身从未设置为显示)，而且还会使“触发器”事件处理程序无法工作？

我有一个显示问题的fiddle here。它是跨浏览器发生的，所以我知道我这方面的错误。fade已移除-一切正常，fade亮起-已损坏:(

样式看起来还不错吧？标记和我一直使用的一样，精简的插件源代码最近也更新了。

在我为一个愚蠢的疏忽而陷入更长的时间之前，有人能帮上忙吗？)

发布于 2012-12-14 06:40:43

现在解决了。这是我自己的错，我忽略了需要添加的实际的“组件动画”CSS。

我花了一段时间来调试，但最后我发现backdrop方法回调并没有从这里doAnimate ? this.$backdrop.one($.support.transition.end, callback) : callback()执行。

回调从未执行的原因现在很明显--缺少CSS类，因此没有应用转换，因此没有转换结束事件可供挂接。所以背景元素只是应用了它的in类，而不是实际的模式，因为回调从未到达，这也是‘触发器’似乎停止工作的原因--只有一个大的背景位于顶部，但不透明度设置为0。

啊，这一切现在看起来都很愚蠢:)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13867213

复制

相似问题

问Bootstrap Modal fade问题EN