引导模式未显示（但页面变暗）

Posted 2023-05-08

【中文标题】引导模式未显示（但页面变暗）

【英文标题】：Bootstrap modal not showing (but the page is getting darker)

【发布时间】：2019-06-08 18:47:03

【问题描述】：

我有一个模态，我需要在 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/，也可以使用按钮。

【问题讨论】：

你在哪里发表过这个？

@SethMcClaine no :(

尝试将有问题的代码放在 jsfiddle (jsfiddle.net/boilerplate/bootstrap) 中，看看您是否会遇到同样的问题...如果您发布它并在此处发布链接。它将帮助我们了解您遇到的问题

我们需要额外的代码来调试。

这再次表明可能有额外的 JS 或 CSS 进行干扰。如果没有额外的代码视图，我们很可能无法提供帮助。对不起

【参考方案1】：

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