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

时间:2016-12-12 22:15:50

标签: javascript jquery html css twitter-bootstrap

我有一个模式从全局site.css接收样式,因为在partials中有几个其他模态,并且保持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>

3 个答案:

答案 0 :(得分:2)

在您的jquery中使用以下代码删除模式背景:

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

答案 1 :(得分:1)

 $(".modal.fade.in")

使用它作为你的选择器,它表示一个选择器,其中包含'modal''淡入淡出'和'in'的类

答案 2 :(得分:1)

好的。

<p>

应该做的伎俩。

您可以按ID访问元素,然后删除所需的类。