单击 sweetAlert2 的确认后如何调用 bootstrap 模态?
How to call a bootstrap modal after sweetAlert2's confirm clicked?
我想在点击 SweetAlert2 的确认按钮后打开一个模式。但是点击后没有任何反应
我发现了 个,这与我现在遇到的问题相同。
我也试过了,但还是不行,可能是因为他用的是最老版本的 SweetAlert。
无论如何,这是我的代码:
Swal.fire({
title: 'Process Selected Item(s)?',
icon: 'warning',
allowOutsideClick: false,
allowEscapeKey: false,
allowEnterKey: false,
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'YES!',
cancelButtonText: 'No, cancel!',
reverseButtons: true,
allowOutsideClick: false
}).then((result) => {
if (result.isConfirmed) {
$('#processItemsModal').modal('show');
} else{
Swal.fire(
'Cancelled',
'No changes has been made!',
'error'
)
}
})
你认为我在这里遗漏了什么?
TIA
解决了我的问题,因为我使用的是 Bootstrap v5.
而不是这个;
$('#processItemsModal').modal('show');
我用过这个;
let myModal = new bootstrap.Modal(document.getElementById('processItemsModal'), {});
myModal.show();
我想在点击 SweetAlert2 的确认按钮后打开一个模式。但是点击后没有任何反应
我发现了
我也试过了,但还是不行,可能是因为他用的是最老版本的 SweetAlert。
无论如何,这是我的代码:
Swal.fire({
title: 'Process Selected Item(s)?',
icon: 'warning',
allowOutsideClick: false,
allowEscapeKey: false,
allowEnterKey: false,
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'YES!',
cancelButtonText: 'No, cancel!',
reverseButtons: true,
allowOutsideClick: false
}).then((result) => {
if (result.isConfirmed) {
$('#processItemsModal').modal('show');
} else{
Swal.fire(
'Cancelled',
'No changes has been made!',
'error'
)
}
})
你认为我在这里遗漏了什么?
TIA
解决了我的问题,因为我使用的是 Bootstrap v5.
而不是这个;
$('#processItemsModal').modal('show');
我用过这个;
let myModal = new bootstrap.Modal(document.getElementById('processItemsModal'), {});
myModal.show();