Javascript 引导模式未显示，但背景显示

我有一段代码，在满足某个条件时调用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>

{{logoutMessage}}


好啊

我有相同的代码用于不同的条件，它工作得很好。不知道为什么这些代码不会。

---

我已经阅读了这里所有标题相同的文章，但没有任何帮助。

最终解决了它！似乎是多个并行调用造成的。我将代码放在一个函数中，该函数在单页加载过程中被多次调用，因此如果满足条件，它将多次调用模式

---

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

最终解决了这个问题！似乎是多个并行调用造成的。我将代码放在一个函数中，该函数在单页加载过程中被多次调用，因此如果满足条件，它将多次调用模式

---

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

尝试通过键入

$（'forcelogout model'）手动加载模式。model（'show'）在开发者控制台中。能装吗？能装。有什么问题吗？我不知道。。等待其他人回复检查模式弹出窗口的z-ndex css属性。模式不会出现，因此我可以在事件期间检查其z索引。我的模态
s set z-index是1050，因为我使用的是模态类。请尝试通过键入
$（'#forcelogout model'）.model（'show'）手动加载模态在开发者控制台中。能装吗？能装。有什么问题吗？我不知道。。等待其他人回复检查模式弹出窗口的z-ndex css属性。模式不会出现，因此我可以在事件期间检查其z索引。我的modal
s集合z-index是1050，因为我使用modal类。