引导模式未显示但背景出现答案

【问题标题】：Bootstrap modal is not showing but the backdrop appears引导模式未显示但背景出现
【发布时间】：2017-03-07 09:59:02
【问题描述】：

我有一个代码在满足特定条件时在 javascript 中调用模式。现在我的问题是即使满足条件，模态也不会出现，但背景会显示。这是我的js的代码。

if(ExpiredSessionChecker($cookies)){
    console.log("Session has Expired!");
    if ($rootScope.IsForceLogout == 0) {
        $rootScope.IsForceLogout = 1;
        $rootScope.logoutMessage = "Session Expired! Please login again.";
        $('#forcelogout-modal').modal('show');
    }
}else{
    console.log("Session is OK!");
}

这是模态

<div ng-controller="MenuController" id="forcelogout-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  <div class="modal-dialog modal-md" role="document">
    <div class="modal-content">
        <div class="modal-body">
            <div class="row">
                <!--SUCCESS-->
                <div class="col-md-12  airtime-no-padding" style="background: #F0F0F0;">
                    <div style="margin-bottom: 40px;">
                        <h4>{{ logoutMessage }}</h4>
                    </div>
                    <br>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <a class="pull-right putCursor" ng-click="closeForceLogout()">OK</a>
                </div>
            </div>
        </div>
    </div>
</div>

我有不同条件的相同代码，它工作得很好。不知道为什么这些代码不会。我已经阅读了这里所有标题相同的主题，但没有帮助。

【问题讨论】：

尝试通过在开发者控制台中输入$('#forcelogout-modal').modal('show'); 手动加载模式。它加载了吗？
确实如此。那么可能是什么问题呢？
我不知道.. 等待其他回复
检查您的模态弹出窗口的 z-ndex css 属性。
模态不会t appear so I cant 在事件期间检查其z-index。我的 modals set z-index is 1050 since im 使用的是 modal 类。

标签： javascript jquery bootstrap-modal

【解决方案1】：

终于解决了！似乎是多个并行调用导致了它。我将代码放置在一个在单个页面加载期间被多次调用的函数中，因此如果满足条件，它将多次调用模态。

我将代码放到另一个函数中，每次页面加载只调用一次，现在它可以工作了。

【讨论】：