javascript - 使用 jquery 删除单个模态上的模态背景

Question

我有一个单一的模态，它正在从全局 site.css 接收样式，因为在部分中有几个其他模态，并且为了保持 DRY，我只想通过删除 Modal Fade In 类来改变这个模态。目前，我的 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" );