Bootstrap模态：如何淡入，但在关闭

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类定义的转换将不会发生。

Answer 2

您可以删除.fade类并找到实现淡入的另一种方法，例如使用jQuery转换，这样就可以避免强行覆盖Bootstrap。