SweetAlert弹出框

Posted wxxf

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SweetAlert弹出框相关的知识,希望对你有一定的参考价值。

以前也用过,那个时候没有写过,突然看见了,就写上了. 

网址:http://mishengqiang.com/sweetalert2/

swal({
  title: ‘确定删除吗?‘, 
  text: ‘你将无法恢复它!‘, 
  type: ‘warning‘,
  showCancelButton: true, 
  confirmButtonColor: ‘#3085d6‘,
  cancelButtonColor: ‘#d33‘,
  confirmButtonText: ‘确定删除!‘, 
  cancelButtonText: ‘取消删除!‘,
  confirmButtonClass: ‘btn btn-success‘,
  cancelButtonClass: ‘btn btn-danger‘,
  buttonsStyling: false
}).then(function() {
  swal(
    ‘已删除!‘,
    ‘你的文件已经被删除。‘,
    ‘success‘
  ); 
}, function(dismiss) {
  // dismiss的值可以是‘cancel‘, ‘overlay‘,
  // ‘close‘, ‘timer‘
  if (dismiss === ‘cancel‘) {
    swal(
      ‘已取消!‘,
      ‘你的虚拟文件是安全的:)‘,
      ‘error‘
    ); 
  } 
})


 




以上是关于SweetAlert弹出框的主要内容,如果未能解决你的问题,请参考以下文章

常用插件

漂亮的各种弹出框 sweet alert

bootstrap----几个插件网址

sweetalert插件使用

SweetAlert提示中的Google reCaptcha

sweetalert2 全面替代 alert ,从 sweetalert2 弹出 text 到 弹出 Dom 以及模态框