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 定義彈出框中的圖片地址。