html - Bootstrap 模态 : how to fade in, 但在关闭时立即消失

Question

引用 Bootstrap 3 模态:http://getbootstrap.com/javascript/#modals

我在外部模态 div 上使用 class="modal fade" 来创建 Bootstrap 模态的默认淡入/淡出效果。但我真正想做的是淡入，而不是淡出。我希望模式在按下关闭按钮时立即完全消失，没有任何挥之不去的 CSS 过渡。

如何在模式关闭时删除 CSS 过渡，但在模式打开时保留它？

Answer 1

为“shown.bs.modal”事件添加一个处理程序，并在该处理程序中删除 fade 类。

$('#myModal').on('shown.bs.modal', function (e) {
  $('#myModal').removeClass('fade');
});

fade 类定义的转换不会发生。