23-5 sweetalert2

一、官網：https://limonte.github.io/sweetalert2/

二、使用方法

1. 引入

   
     <!-- sweetalert2 -->
     <script src="<{$xoAppUrl}>class/sweetalert2/sweetalert2.min.js"></script>
     <link rel="stylesheet" href="<{$xoAppUrl}>class/sweetalert2/sweetalert2.min.css">

    

2. 調用插件

   
     <script type="text/javascript">
       
       $(function() {      
         //每行的删除操作注册脚本事件
         $(".btnDel").bind("click", function(){
           var vbtnDel=$(this);//得到点击的按钮对象
           var vTr=vbtnDel.parents("tr");//得到父tr对象;
           var sn=vTr.attr("sn");//取得 sn       
           var title=vTr.find(".title").html();//取得 title
           //警告視窗        
           swal({
             title: '確定要刪除此資料？',
             text: title,
             type: 'warning',
             showCancelButton: true,
             confirmButtonColor: '#3085d6',
             cancelButtonColor: '#d33',
             confirmButtonText: '確定刪除！',
             cancelButtonText: '取消！'
           }).then(function () {
             location.href="admin_prod.php?op=opDelete&sn=" + sn;
           })
   
   
         });
         //给删除按钮注册js脚本
       });
       
     </script>

    

3.