SweetAlert用法

1.首先引入相应的js和css，该插件不需要jQuery插件的支持：

　　<link rel="stylesheet" type="text/css" href="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/sweetalert.css"/>

　　<script src="http://sandbox.runjs.cn/uploads/rs/499/ixc5vbvz/sweetalert.min.js"></script>

　　例： $(".demo_4 button").click(function() {

　　　　　　swal({

　　　　　　　　title: "您确定要删除吗？",

　　　　　　　　text: "您确定要删除这条数据？",

　　　　　　　　type: "warning",

　　　　　　　　showCancelButton: true,

　　　　　　　　closeOnConfirm: false,

　　　　　　　　confirmButtonText: "是的，我要删除",

　　　　　　　　confirmButtonColor: "#ec6c62"

　　　　　　}, function() {

　　　　$.ajax({

　　　　　　url: "do.php",

　　　　　　type: "DELETE"

　　　　}).done(function(data) {

　　　　　　swal("操作成功!", "已成功删除数据！", "success");

　　　　　　}).error(function(data) {

　　　　　　swal("OMG", "删除操作失败了!", "error");

　　　　　　});

　　　　});

});

 

2.参数说明：

参数 描述 默认值

title 提示框标题 -

text 提示内容 -

type 提示类型，有：success（成功），error（错误），warning（警告），input（输入）。 -

showCancelButton 是否显示“取消”按钮。 -

animation 提示框弹出时的动画效果，如slide-from-top（从顶部滑下）等 -

html 是否支持html内容。 -

timer 设置自动关闭提示框时间（毫秒）。 -

showConfirmButton 是否显示确定按钮。 -

confirmButtonText 定义确定按钮文本内容。 -

imageUrl 定义弹出框中的图片地址。