jquery - Bootstrap 模态淡入淡出效果无法正常工作

Question

我正在尝试将 Bootstrapfade in的fade out模态设置为打开或关闭模态的时间。问题是它仅在我第一次使用下面代码中的按钮打开模式时才有效。之后，它会以常规fade效果而不是效果关闭fade in。

似乎 Bootstrap 框架的模态的打开函数或关闭函数都删除了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">&times;</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>