ブートストラップモーダル：フェードイン、しかし、すぐに3個のモーダルをブートストラップするための基準では

Question

近い

に消える方法：http://getbootstrap.com/javascript/#modals

私はブートストラップモーダルのイン/アウト効果でデフォルトのフェードを作成するために、私の外側のモーダルのdivにclass="modal fade"を使用しています。しかし、私が本当にやりたいことは、フェードインされますが、フェードアウトしません。クローズボタンが押されたときにモーダルが直ちに完全に消えるようにしたい。

モーダルが閉じたときにCSSのトランジションを削除することはできますが、モーダルが開いたときにはそのまま維持しますか？

Answer 1

"shown.bs.modal"イベントのハンドラを追加し、そのハンドラでfadeクラスを削除します。

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

fadeクラスで定義された遷移は発生しません。

Answer 2

.fadeクラスを削除し、フェードインを実装する別の方法、たとえばjQueryトランジションを使用して、ブートストラップを強制的にオーバーライドしないようにすることができます。