使用 jquery 在单个模态上删除模态背景

Question

我有一个单一的模态，它正在从全局 site.css 接收样式，因为在部分中还有其他几个模态，并且保持 DRY 我只想通过删除模态淡入类来改变这个。目前，我的 jQuery 忽略了这一点。

jQuery

if (modal.hasId('#modalBanner')) {
        $('.modal fade in').removeClass('modal fade in ');
    }

HTML：

  <div class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" id="modalBanner" role="dialog">
            <div class="modal-dialog modal-dialog-FullWidth">
                <div class="modal-content">
                    <div class="modal-header" style="text-align: center">
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>

Answer 1

在您的 jquery 中使用此代码删除模态背景：

$('.modal').remove();
$('.modal-backdrop').remove();
$('body').removeClass( "modal-open" );