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

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