Css 如何更改引导模式对话框，使其在显示时没有动画，但缓慢淡出？

我正在使用引导模式对话框。我需要更改它，以便模式在没有任何动画的情况下快速显示。但当它关闭时，它会慢慢消失。因此，动画是可见的

下面是我弹出窗口的html代码

<div class="modal" id="pleaseWaitPopup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body text-center">
                <p><i class="fa fa-spinner fa-5x fa-spin fa-pulse" aria-hidden="true"></i></p>
                <p class="light-gray-pop"> Processing Your Request.</p>
                <h3> PLEASE WAIT</h3>
            </div>
        </div>
    </div>
</div>

---

您可以尝试为引导模式添加/删除

class=“fade”

。在显示模式之前删除淡入淡出动画，然后在显示模式后将其添加回：

// Remove the fade animation for the modal before the modal is shown
$('#pleaseWaitPopup').on('show.bs.modal', function () {
    $(this).removeClass('fade');
})

// Add the fade animation for the modal once the modal is shown
$('#pleaseWaitPopup').on('shown.bs.modal', function () {
    $(this).addClass('fade');
})

$('#pleaseWaitPopup').modal({
            backdrop: 'static',
            keyboard: false
});

这是一个引导程序

---

我添加了临时关闭和打开按钮，以便能够切换模式，但可以根据需要随意删除它们/

您能分享您迄今为止的尝试吗？

// Remove the fade animation for the modal before the modal is shown
$('#pleaseWaitPopup').on('show.bs.modal', function () {
    $(this).removeClass('fade');
})

// Add the fade animation for the modal once the modal is shown
$('#pleaseWaitPopup').on('shown.bs.modal', function () {
    $(this).addClass('fade');
})

$('#pleaseWaitPopup').modal({
            backdrop: 'static',
            keyboard: false
});