sweetalert載入彈窗完成自動關閉

Heerey525發表於2018-09-19

適用於ajax

showLoaderOnConfirm false 設定為true時，按鈕被禁用，並顯示一個在載入的進度條。該引數用於AJAX請求的情況。

 

sweetalert文件中是這樣的

但是我用了感覺是沒用，我的思路是載入完後直接加上一個display:none

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>sweetalert載入彈窗完成自動關閉</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/limonte-sweetalert2/7.21.1/sweetalert2.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="https://cdn.bootcss.com/limonte-sweetalert2/7.21.1/sweetalert2.all.js"></script>
</head>
<body>
<button>查詢按鈕</button>
<h3>資料如下</h3>
<div></div>
<script type="text/javascript">
    document.querySelector("button").onclick=function(){
        swal({
            title: "正在查詢中!",
            showConfirmButton: false,
            imageUrl: "loading.gif",
            showCancelButton: false,
        });
        $.ajax({
            url:'event1.json',
            success:function(data){
                $(".swal2-center").css("display","none");//類名視彈窗類名情況而定
            }
        })
    }


</script>
</body>
</html>

完整例子：https://download.csdn.net/download/hl_qianduan/10675615

相關文章