如何在页面完成重新加载后执行 sweet alert

Question

location.reload();
      $( document ).ready(function() {
         swal({
        title: 'Deleted!',
        text: 'Your post has been deleted',
        type: 'success',
        timer: 2000
      });
      });

我的问题是页面在显示甜蜜警报时重新加载。我该如何让它等到页面重新加载完成后再显示甜蜜警报？

Answer 1

你可以使用类似这样的东西。在您的 html 中执行以下操作（如果您想根据某些条件显示 sweetlert，您也可以将其包装在 if 语句中）：

<div class="hidden" id="alertUser">
    <p id="header-message">Failed</p>
    <p id="main-message">An Error Occured While Updating Doctor Recrod..!!!</p>
    <p id="alert-type">warning</p>
    <p id="confirm-button-class">btn-warning</p>
</div>

然后在您的脚本中执行以下操作：

window.onload = function () {
    showUserAlerts();
}

function showUserAlerts()
{
    var $isEditSuccessfull = $("div#alertUser");

    if ($isEditSuccessfull.length > 0) {
        var headerMessage = $isEditSuccessfull.find("p#header-message").text();
        var mainMessage = $isEditSuccessfull.find("p#main-message").text();
        var alertType = $isEditSuccessfull.find("p#alert-type").text();
        var confirmButtonClass = $isEditSuccessfull.find("p#confirm-button-class").text();

        swal({
            title: headerMessage,
            text: mainMessage,
            type: alertType,
            confirmButtonClass: confirmButtonClass
        });
    }
}

希望对您有所帮助。

如何在页面完成重新加载后执行 sweet alert

How to execute sweet alert after page completes reloading

javascript

sweetalert