在使用引导模式时,我遇到这个错误(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)