js插件--1.swal

1      引入

 

<link rel="stylesheet" href="<%=path %>/js/sweetalert/sweetalert.css"/>
<script src="<%=path %>/js/sweetalert/sweetalert-dev.js"></script>

 

 

2          参数

3      常用

3.1  一般提示

swal("这是一个信息提示框!");

 

3.2  操作成功

增加和修改成功

swal("更新成功！","请继续操作！","success");

 

 

 

3.3  失败错误

 

3.4  删除确认

 

 

swal(
{
   title: "是否删除？",
   text: "",
   type: "warning",
   showCancelButton: true,                //是否显示“取消”按钮。
   cancelButtonText:"取消",            //按钮内容
   cancelButtonColor:"#B9B9B9",

   showConfirmButton: true,               //是否显示“确认”按钮。
   confirmButtonColor: "#DD6B55",
   confirmButtonText: "确认",

   closeOnConfirm:false,
   closeOnCancel:true                //点击返回上一步操作
},
function(){
   $.ajax({
      type: "POST",
      dataType: "JSON",
      url: url,
      data: {"id":id},
      success: function (data) {
         if(data.result == "0000") {
            swal("删除成功！", "请继续操作！", "success");
            window.setTimeout(reload,700);
         } else {
            swal("删除失败！", "请重试！", "error");
         }
      },
      error: function(data) {
         alert("error:"+data.responseText);
      }
   });
}
);

 

3.5  定义内容

 

 

3.6  确认输入

 

4      标准格式

 

 

 http://blog.csdn.net/zlts000/article/details/50537522?ref=myread

 

官网：http://www.dglives.com/demo/sweetalert-master/example/