javascript - jquery sweetalert 添加详细信息按钮

Question

我需要显示带有“详细信息”按钮的甜蜜警报，通过单击此按钮，用户可以重定向到另一个页面。我希望它保留“错误”甜蜜警报的风格。可能吗？

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

Answer 1

试试这个:检查片段

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>