我使用帶有 OK/Cancel 按鈕的 Bootstrap 模式對話框。我希望在單擊 OK 后完成一些作業，然后關閉模式對話框。所以我用JS來處理OK點擊。
HTML：
<div class="modal fade" id="RequestModal" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="RequestModalLabel">Confirm to submit below request?</h5>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-primary" id="btn_close" onclick="f_test()">OK</button>
</div>
</div>
</div>
</div>
JS
function f_test () {
var myModal = new bootstrap.Modal(document.getElementById('RequestModal'));
myModal.hide();
}
隱藏功能不起作用。我搜索了stackoverflow和其他人，但沒有得到好的答案。
uj5u.com熱心網友回復：
你很親密。先創建模態對話框的物件，然后用它隱藏在f_test()方法上，如下圖，
var myModal = new bootstrap.Modal(document.getElementById('RequestModal'));
myModal.show();
function f_test () {
myModal.hide();
}
JSFiddle：https ://jsfiddle.net/78n9k65L/
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/407521.html
標籤：