jQuery Sweet警报添加细节按钮

Question

我需要显示带有'详细信息'的按钮，然后单击此按钮，可以将用户重定向到另一页。我希望它保留"错误"甜美警报风格。有可能吗？

swal({
  title: "Sorry but error occurred",
  text: "Sorry but error occurred",
  type: "error",
  allowEscapeKey: true
});

Answer 1

尝试以下操作：检查snnipet

sweetAlert({
            title: "Sorry but error occurred",
            text: "Sorry but error occurred",
            type: "error",
            allowEscapeKey: true,
            showCancelButton: true,
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Detail",
            cancelButtonText: "Cancel",
            closeOnConfirm: false,
            closeOnCancel: true
            }, function (isConfirm) {
               if (isConfirm) {
                  window.location.href  ="www.yoururl.com/index.php";
               }
            });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css'>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>