当打开或关闭模态时,我正试图将Bootstrap的模态设为fade in
和fade out
。问题是它只在我第一次使用下面代码中的按钮打开模态时才起作用。之后,它会以常规fade
效果而不是fade in
效果结束。
看起来bootstrap框架的模态的open函数或close函数都删除了模态div的in
类(在我的例子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>