javascript - sweetalert2 消失后重定向到页面
问题描述
当我将数据保存到 mysql 时,它会保存并且成功的 sweetalert2 显示响应。超时后它消失但不执行功能。
我的代码如下:
swal({
position: 'center',
type: 'warning',
title: 'Exam already exist',
showConfirmButton: false,
timer: 2500,
},
function () {
window.location.href = 'examination.php';
});
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.js" type="text/javascript"></script>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
解决方案
使用onClose()
功能
swal({
position: 'center',
type: 'warning',
title: 'Exam already exist',
showConfirmButton: false,
timer: 2500,
onClose: () => {
window.location.href="https://google.com"
}
});
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<link href="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.css" rel="stylesheet"/>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.33.1/dist/sweetalert2.min.js" type="text/javascript"></script>
<title>Hello, world!</title>
</head>
<body>
<h1>Hello, world!</h1>
</body>
</html>
推荐阅读
- python - 使用python中的制表将两个列表返回到html表中
- sql-server - Azure SQL 慢速插入和高延迟
- sql - 如何从多个表中查询列?
- tfs - 如何将 TFS 中没有错误的用户故事获取到图表
- javascript - 如何使用 flexbox 隔开可拖动元素的原生位置?
- sublimetext3 - Sublime Text 3 正则表达式(换行)
- c++ - CMake find_file 找不到文件
- javascript - 尝试使用其 Id 创建对消息的反应。- 不和谐.js
- javascript - 使用 React 自定义钩子进行双重渲染
- python - 使用 Django 按用户按项目显示时间总和