bootstrap modal 出现模态背景淡入淡出问题答案

【问题标题】：modal-backdrop fade in issue with bootstrap modalbootstrap modal 出现模态背景淡入淡出问题
【发布时间】：2016-07-14 13:00:02
【问题描述】：

我试过这个解决方案：https://*.com/questions/22056147/bootstrap-modal-backdrop-remaining 但没有解决方案我第一次在我的屏幕上尝试显示引导模式，第二次完美出现，但背景更暗（错误）用这两行 .

这是我的 js

$(".Ok").modal("show");
        $("#alert").on("hidden.bs.modal", function () {
                $(this).removeClass("Ok");

        });

注意：我是从 json 数据动态引入的“Ok”类

在第二个模式中单击关闭按钮后，它会显示较暗的叠加背景

它显示在 html 中

这是我的html

<div id="alert" class="modal fade {{popupBtn1Txt}}">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body">
                        <p>{{popupErrMsg}}</p>
                    </div>
                    <div class="modal-footer text-center">
                        <button type="button" id="btnc" class="btn btn-default" data-dismiss="modal" aria-hidden="true">{{popupBtn1Txt}}</button>
                    </div>
                </div>
            </div>
        </div>

{{popupBtn1Txt}} -> “Ok”动态使用带有 jSON 的 handlebarjs 支持

我不想要黑色叠加背景

【问题讨论】：

所以用 CSS 改变背景： .modal-backdrop { background-color: transparent;}
这不是背景问题
好吧，你的 OP 说“我不想要黑色覆盖背景”。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

我将 id 称为动态数据，并在弹出窗口使用结束后删除 id。如果需要，它会再次从 json 响应中动态添加 id，并使用触发器删除覆盖层以及循环

    $("#Ok").modal("show");
        $('#Ok').on('hidden.bs.modal', function () {
             $('.bg_limegreen').trigger('click');
             $(".modal").attr("id","");
            });

【讨论】：