标签：on() 恢复 str oca type 错误 else 无法 介绍
想必你已经受够了单调的alert弹窗吧？
为了更好的用户体验性，现在介绍一款漂亮的弹窗口插件——sweetAlert，现在就来介绍它的使用
1、首先在官网下载它的CSS和JavaScript文件：http://mishengqiang.com/sweetalert/
2、在页面的头部初始化插件
<script src="dist/sweetalert.min.js"></script>
<link rel="stylesheet" type="text/css" href="dist/sweetalert.css">
3、页面加载完成后调用sweetAlert函数
最基本的调用方法：
sweetAlert("Hello world!");
会看到：
带错误提示框的弹窗：
sweetAlert("Oops...", "Something went wrong!", "error");
4、用到项目中：
删除时的弹窗：
<button class="btn btn-danger btn-xs del" onClick="check({{$v[‘id‘]}})">删除</button>
JS代码：
<script>
function check(id){
swal(
{title:"您确定要删除这条数据吗",
text:"删除后将无法恢复，请谨慎操作！",
type:"warning",
showCancelButton:true,
confirmButtonColor:"#DD6B55",
confirmButtonText:"确定删除！",
cancelButtonText:"取消",
closeOnConfirm:false,
closeOnCancel:false
},
function(isConfirm)
{
if(isConfirm)
{
swal({title:"删除成功！",
text:"您已经永久删除了这条数据。",
type:"success"},function(){window.location="/video/destroy/"+id})
}
else{
swal({title:"已取消",
text:"您取消了删除操作！",
type:"error"})
}
}
)
}
</script>
点击删除时弹出：
点取消：
点确认删除：
6、就介绍这么多了，更多用法可参照官网
标签：on() 恢复 str oca type 错误 else 无法 介绍
原文地址：http://www.cnblogs.com/lamp01/p/7215408.html
