fade in
Bootstrap のモーダルをfade out
、モーダルが開いているか閉じているときに取得しようとしています。問題は、以下のコードのボタンを使用してモーダルを初めて開いたときにのみ機能することです。その後はfade
エフェクトではなく通常のエフェクトで閉じますfade in
。
Bootstrap フレームワークのモーダルの open 関数または close 関数のいずれかがin
、モーダル div のクラスを削除するようです (私の場合はlogin
)。したがって、モーダルを再度開くと、クラスが欠落fade
しているため、通常の効果が使用されます。in
ボタンのコード:
<a href="#login" role="button" class="btn btn-primary" data-toggle="modal">Login</a>
モーダルdiv。
<div id="login" class="modal hide fade in">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3><spring:message code="login.dialog.title" /></h3>
</div>
<div class="modal-body">
blaat
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
<button class="btn btn-primary">Login</button>
</div>
</div>