簡單介紹

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超酷消息警告框插件