Bootstrap模式不显示（但页面越来越暗）

Question

我有一个模式，我需要在javascript函数中触发它。这是我的功能：

$(document).ready(function () {
    if (sMail == 202) {
        $('#contato').modal('show');
    } else if (sMail != 0) {
        console.log("error");
    }
});

和我的模态

<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel"
    aria-hidden="true" id="contato">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            ...
        </div>
    </div>
</div>

函数执行时，页面变暗了，就像打开模态时一样，但是页面没有显示：（

它在这里有效：https://jsfiddle.net/jyax9d3f/1/，并且还可以使用按钮。

Answer 1

我最终使用了警报而不是模式。