SweetAlert是一个用于美化JavaScript中弹窗的库,而SweetAlert2则是它的升级版。如果你想用SweetAlert2来实现删除确认的弹窗,可以按照以下步骤操作:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.5/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.5/dist/sweetalert2.min.js"></script>
在JavaScript中使用SweetAlert2来生成弹窗:
Swal.fire({
title: '确认删除吗?',
text: '删除后将无法恢复!',
icon: 'warning',
showCancelButton: true,
confirmButtonText: '删除',
cancelButtonText: '取消',
}).then((result) => {
if (result.isConfirmed) {
// 用户点击了“确认”按钮
// 在这里执行删除操作
在上面的代码中,Swal.fire()
函数用来生成一个SweetAlert2的弹窗。title
属性和text
属性分别用来设置弹窗的标题和文本内容。icon
属性用来设置弹窗的图标样式。showCancelButton
属性设置为true
表示要在弹窗中显示“取消”按钮。confirmButtonText
属性和cancelButtonText
属性用来设置“确认”按钮和“取消”按钮的文本内容。
最后,在then()
方法中检查用户是否点击了“确认”按钮,如果是,就执行删除操作。
希望这个例子能够帮助你实现SweetAlert2的删除确认弹窗。