sweetalert : 一个比较好看的弹出框

1.引入

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"> </script>

2.三个常用的提示框

$(".demo_1").click(function() {
    swal("这是一个信息提示框!");
});
$(".demo_2").click(function() {
    swal("Good!", "弹出了一个操作成功的提示框", "success");
});
$(".demo_3").click(function() {
    swal("OMG!", "弹出了一个错误提示框", "error");
});

3.警告框提示

swal({
    title: "您确定要删除吗？",
    text: "您确定要删除这条数据？",
    type: "warning",
    showCancelButton: true,
    closeOnConfirm: false,
    confirmButtonText: "是的，我要删除",
    confirmButtonColor: "#ec6c62"
}, function() {
    $.post(getUrl("Cart/del"), {id: id}, function(data) {
        location.reload();
    })
});