使用Jquery和甜蜜警报恢复操作的步骤如下:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.4/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.4/dist/sweetalert2.min.css">
$('#recovery-button').click(function() {
// 在这里执行恢复操作的逻辑
});
$('#recovery-button').click(function() {
Swal.fire({
title: '确认恢复操作',
text: '你确定要执行恢复操作吗?',
icon: 'question',
showCancelButton: true,
confirmButtonText: '确认',
cancelButtonText: '取消'
}).then((result) => {
if (result.isConfirmed) {
// 用户点击了确认按钮,执行恢复操作的逻辑
// 可以在这里调用后端接口或执行其他相关操作
Swal.fire('恢复操作已执行', '恢复操作已成功执行。', 'success');
}
});
});
以上代码中,Swal.fire()
函数用于显示一个确认对话框,其中包含了标题、文本、图标以及确认和取消按钮。当用户点击确认按钮时,then()
方法中的回调函数会被触发,你可以在其中编写执行恢复操作的逻辑。最后,使用Swal.fire()
函数显示一个成功的提示框,告知用户恢复操作已成功执行。
这样,当用户点击对应的按钮时,会弹出一个确认对话框,用户确认后执行恢复操作,并显示一个成功的提示框。
请注意,以上代码中的选择器#recovery-button
是一个示例,你需要根据实际情况修改为你的按钮的选择器。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和云函数(SCF)。
领取专属 10元无门槛券
手把手带您无忧上云