我正在處理一個頁面，該頁面檢查用戶當前是否已登錄，然后才能執行其他任何操作。如果用戶未登錄，則登錄模式會加載，除非登錄，否則用戶將無法執行任何其他操作。 到目前為止，這是有效的：
function checkrater(){
var rater=document.getElementById("initials").value;
if(rater.length <=0)
{
var myModal = new bootstrap.Modal(document.getElementById('loginModal'), {})
myModal.toggle()
}
}
和 HTML 是這樣的：
<body style="padding:5px;" onload="checkrater();">
<div class="modal fade show" style="display: block;" id="loginModal" role="dialog" data-backdrop="static" data-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="staticBackdropLabel">Please login</h5>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary">Login</button>
</div>
</div>
</div>
</div>
我正在為我的 CSS 使用 bootstrap 5，并且模態加載完美。我的問題是當我在模態之外單擊時，它仍然隱藏。我不知道我是否做錯了什么，因為我已經在另一個頁面上嘗試過，但它仍然不起作用。我在 Chrome 和 Firefox 中嘗試過，但得到了相同的結果。
uj5u.com熱心網友回復：
問題是您使用的是 Bootstrap 5，但語法是 Bootstrap 4。Bootstrap 4 的所有data-*屬性現在都data-bs-*在 Bootstrap 5 中，以幫助用戶data-*從 Bootstrap 中識別他們自己的屬性。
因此，在你的代碼，改變data-static以data-bs-static及data-keyboard對data-bs-keyboard您的代碼應正常作業。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/358481.html
標籤：javascript html css 引导模式
下一篇：帶有谷歌地圖的Z-index