简单介绍

SweetAlert是一款神奇的javascript弹出消息警告框插件。可替换所有alert弹框

使用方法

要使用该插件，首先要在header中引入以下文件（已打包附件内，上传注意是模版文件夹下路径）：

<script src="<?php echo TEMPLATE_URL; ?>js/sweetalert.min.js"></script>
<link rel="stylesheet" href="<?php echo TEMPLATE_URL; ?>css/sweetalert.css" type='text/css' media='all' />

swal("温馨提示！", "这是一个感叹号的提示","info");
swal("警告", "这是一个警告的提示","warning");
swal("错误提示", "这是一个错误的提示","error");
swal("完成", "这是一个完成的提示","success");

完整的SweetAlert代码

sweetAlert({
  title: "Are you sure?",
  text: "You will not be able to recover this imaginary file!",
  type: "warning",
  showCancelButton: true,
  confirmButtonColor: "#DD6B55",
  confirmButtonText: "Yes, delete it!",
  closeOnConfirm: false
}, function(){
  swal("Deleted!",
  "Your imaginary file has been deleted.",
  "success");
});

可用参数

原文地址：jQuery之家

转载请注明出处 AE博客|墨渊 » SweetAlert-js超酷消息警告框插件