关闭按钮不会隐藏模态背景 div（引导程序）

Question

我有一个模态 div，可以通过按钮打开它，但是如果我关闭它，就无法与页面进行进一步的交互。

我认识到，这是因为由事件触发的 div <div class="modal-backdrop fade"></div> 未被删除/更改为 z-index -1 左右。

我在这个问题上找到了很多线索，但到目前为止没有任何帮助。是否有某种我在这里错过的 onclick 事件，或者如何在此代码中解决此问题。给定的 Ajax 解决方案让我很困惑，因为我根本不了解 Ajax。

    <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            ...
        </div>
    </div>
</div>