小编Nag*_*tty的帖子

类型错误无法读取未定义的属性(读取“背景”) - bootstrap v5.2.1 modal

在使用引导模式时,我遇到这个错误(TypeError Cannot readproperties of undefined (reading 'backdrop') ),该错误由我们的错误跟踪器跟踪,但我无法重新创建此错误。我尝试使用各种浏览器、浏览器版本、操作系统重新创建错误。此问题并未出现在所有浏览器上。

使用的 Bootstrap 版本 - v5.2.1

我使用 JavaScript 初始化了模态

if (bootstrap == undefined) {
    document.getElementById("browser-not-supported-container").classList.remove("d-none");
} else {
    modal1 = new bootstrap.Modal(document.getElementById('modal1'));
    modal2 = new bootstrap.Modal(document.getElementById('modal2'));
    modal3 = new bootstrap.Modal(document.getElementById('modal3'));
}
Run Code Online (Sandbox Code Playgroud)

这些模态的 HTML 代码

<!-- Modal 1-->
<div class="modal fade text-start" data-bs-backdrop="static" data-bs-keyboard="false" id="modal1" tabindex="-1" role="dialog">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <!-- Header -->
            </div>
            <div class="modal-body">
                <!-- Body -->
            </div>
        </div>
    </div>
</div>

<!-- Modal 2--> …
Run Code Online (Sandbox Code Playgroud)

html javascript bootstrap-5 bootstrap5-modal

9
推荐指数
1
解决办法
8582
查看次数

标签 统计

bootstrap-5 ×1

bootstrap5-modal ×1

html ×1

javascript ×1