jQuery SweetAlert是一个基于jQuery的弹窗插件,可以定制漂亮的提示框、警告框、确认框等等。
如果你要在SweetAlert中使用确认框,可以按照以下步骤:
<link rel="stylesheet" href="path/to/sweetalert.css">
<script src="path/to/sweetalert.min.js"></script>
然后,使用以下代码在JavaScript中定义一个确认框:
swal({
title: "确认删除?",
text: "一旦删除将无法恢复!",
type: "warning",
showCancelButton: true,
confirmButtonColor: "#DD6B55",
confirmButtonText: "删除",
cancelButtonText: "取消",
closeOnConfirm: false,
closeOnCancel: true
function(isConfirm) {
if (isConfirm) {
// 用户点击了确认按钮,执行相应的操作
swal("已删除!", "您的数据已经被删除。", "success");
} else {
// 用户点击了取消按钮,不执行任何操作
上述代码中,swal()
函数接受一个包含多个参数的对象,用于配置确认框的内容和行为。其中,title
和text
分别为确认框的标题和内容,type
表示确认框的类型(这里设置为警告框),showCancelButton
表示是否显示取消按钮,confirmButtonColor
表示确认按钮的颜色,confirmButtonText
表示确认按钮的文字,cancelButtonText
表示取消按钮的文字,closeOnConfirm
和closeOnCancel
分别表示点击确认或取消按钮后是否自动关闭弹窗。最后,swal()
函数接受一个回调函数作为参数,用于处理用户的操作。
上述代码中,当用户点击确认按钮时,弹出一个成功的提示框;当用户点击取消按钮时,不执行任何操作。
希望这些信息能对你有所帮助。