javascript - Bootstrap 模态仅显示背景

Question

编辑:我发现了这个问题。结果原来制作此页面的人错过了结束语 <div>他/她创建的模态上的标签，因此我的模态内容隐藏在原始模态中。

我的 bootstrap 模式没有显示对话框，而是只显示变暗的背景。我在页面的页脚中设置了以下模式。

<div id="timePopup" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" style='border-radius:0px;width:430px;margin-left:-215px'>
    <div class="modal-body">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="position: absolute; top: 3px; right: 7px; z-index: 9999;">&times;</button>
        <div class="modal-body" style='border: black solid 2px;margin: 5px;'>
            <?php echo $popup_content; ?>
        </div>
    </div>
</div>

$popup_content只包含简单的字符串 'Test test test test'。它由 onclick 触发<span> 中的属性调用这个函数

function forcePopUp(){
    jQuery('#timePopup').modal('show');
}

完全相同的代码在我们的开发服务器上运行，但自从将其移至测试服务器后，这种情况已经开始发生，或者我想没有发生。

在 SO 上的另一篇文章中，我尝试从模态中删除 .hide 类，并确保此模态具有唯一 ID。任何其他想法为什么会受到赞赏。

Answer 1

如果模态 html 呈现到页面的隐藏区域，它也不会显示