sweetalert 相关问题

我可以在页面刷新后显示甜蜜警报，但我必须单击“确定”按钮，我收到甜蜜警报才能重定向页面。请帮助我。我能够在页面刷新后显示甜蜜警报，但我必须单击“确定”按钮，我收到甜蜜警报才能重定向页面。请帮助我。 <?php echo '<script type="text/javascript">'; echo 'setTimeout(function () { swal("WOW!","Message!","success");'; echo '}, 1000);' echo 'window.location.href = "index.php";'; echo '</script>'; ?> 只需使用 JavaScript Promise。将 then 方法放在 swal 函数之后。我们不需要需要使用计时器功能。例如： swal({ title: "Wow!", text: "Message!", type: "success" }).then(function() { window.location = "redirectURL"; }); promise方法.then用于等待用户读取模态窗口的信息，然后通过单击按钮来决定做出哪个决定。例如，Yes 或 No。单击后，Sweet Alert 可以将用户重定向到另一个屏幕，调用另一个包含新问题和后续问题的 Sweet Alert 模式窗口，转到外部链接等。再次强调，我们不必使用计时器，因为它可以更好地控制用户操作。用户可以等待永恒，也可以像灭霸或钢铁侠打响指一样采取行动。 😜 使用 Promise，代码变得更短、干净、优雅。 😉 要指定回调函数，您必须使用对象作为第一个参数，回调函数作为第二个参数。 echo '<script> setTimeout(function() { swal({ title: "Wow!", text: "Message!", type: "success" }, function() { window.location = "redirectURL"; }); }, 1000); </script>'; 您可以使用 timer 内置函数，即： swal({ title: "Success!", text: "Redirecting in 2 seconds.", type: "success", timer: 2000, showConfirmButton: false }, function(){ window.location.href = "//this-person-does-not-exist.com"; }); <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert-dev.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css"> 最佳且简单的解决方案，我们还可以添加更多事件！ swal({ title: "WOW!", text: "Message!", type: "success"}).then(okay => { if (okay) { window.location.href = "URL"; } }); 我无法使用任何 swal(sweatAlert) 默认回调函数来做到这一点，所以我强制使用 jquery，让 Ok 按钮类检查 chrome 中的元素，并做了如下的操作： <script> sweetAlert({ title:'Warning!', text: 'Invalid user or password!', type:'warning' },function(isConfirm){ alert('ok'); }); $('.swal2-confirm').click(function(){ window.location.href = 'index.php'; }); </script> 函数（isConfirm）中的“Ok”警报只是一个测试，看看它是否会进入这个函数，如果是这样，我应该能够从那里重定向，但我没有...... 所以我使用 jQuery 来确定 swal 的按钮“OK”是否被点击，通过获取它的类：“.swal2-confirm”然后我可以成功重定向...... 希望对大家有帮助！ PS：我使用 php echo 来运行脚本，我不必离开 php 来运行它，只需使用单引号即可完成！如果有人需要帮助，此代码有效！ swal({ title: 'Request Delivered', text: 'You can continue with your search.', type: 'success' }).then(function() { window.location.href = "index2.php"; }) Swal.fire({ title: result.value.title, icon: result.value.icon, text: result.value.message, }).then(function() { window.location.href = "url"; }) 以上解决方案都不适合我，我不得不使用.then swal({ title: 'Success!', text: message, type: 'success', confirmButtonText: 'OK' }).then(() => { console.log('triggered redirect here'); }); 我认为这会有所帮助。与 Barmer 先生给出的相同。但我已将其包含在 php 标签中。就这样...... <?php if(!empty($_GET['submitted'])):?> <script> setTimeout(function() { swal({ title: "Congratulaions!", text: "Signed up successfully, now verify your mail", type: "success", confirmButtonText: "Ok" }, function() { window.location = "index.php"; }, 1000); }); </script> <?php endif;?> function confirmDetete(ctl, event) { debugger; event.preventDefault(); var defaultAction = $(ctl).prop("href"); swal({ title: "Are you sure?", text: "You will be able to add it back again!", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "Yes, delete it!", cancelButtonText: "Cancel", closeOnConfirm: false, closeOnCancel: false }, function (isConfirm) { if (isConfirm) { $.get(ctl); swal({ title: "success", text: "Deleted", confirmButtonText: "ok", allowOutsideClick: "true" }, function () { window.location.href = ctl }) // $("#signupform").submit(); } else { swal("Cancelled", "Is safe :)", "success"); } }); } 现有的答案对我不起作用，我只是使用了$('.confirm').hide()。这对我有用。 success: function(res) { $('.confirm').hide() swal("Deleted!", "Successfully deleted", "success") setTimeout(function(){ window.location = res.redirect_url; },700); 我使用这段代码做到了： <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.js"></script> <script> $(".confirm").on('click',function(){ window.location.href = "index.php"; }); </script> 谢谢。 setTimeout(function(){ Swal.fire({ title: '<span style="color:#fff">Kindly click the link below</span>', width: 600, showConfirmButton: true, confirmButtonColor: '#ec008c', confirmButtonText:'<span onclick="my2()">Register</span>', padding: '3em', timer: 10000, background: '#fff url(bg.jpg)', backdrop: ` rgba(0,0,123,0.4) center left no-repeat ` }) }, 1500); } function my2() { window.location.href = "https://www.url.com/"; } 为我工作！！ <head> <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> </head> <?php echo "<script> Swal.fire({ title: 'Do you want to save the changes?', showCancelButton: true, confirmButtonText: `Save`, denyButtonText: `Don't save`, }).then((result) => { if (result.isConfirmed) { window.location = 'www.google.com'; } else if (result.isDenied) { Swal.fire('Changes are not saved', '', 'info') } }) </script>"; ?> 您可以使用SweetAlert2中的回调函数，它对我有用。 swal({ title: "Success!", text: "Example success message", type: "success" }, function() { window.location.href = 'https://some-url'; }); $('.delete-record').on('click', function (e) { e.preventDefault(); window.url = $(this).attr('href'); swal({ title: 'Are you sure?', text: "You won't be able to revert this!", type: 'warning', showCancelButton: true, confirmButtonText: 'Confirm', padding: '2em' }).then(function (result) { if (result.value) { console.log(window.url); window.location.href = window.url; } }); }); swal("Payment send successfully", "Thanks for using Npay!", "success") .then(function() { router.push("/") }); Swal.fire({ icon: 'success', title: 'Sukses', text: 'Password berhasil diset!', timer: 5000, showConfirmButton: true, }).then((result) => { if (result.isConfirmed) { window.location.href = '/login'; } }); setTimeout(() => { window.location.href = '/login'; }, 5000); 这是React.js Vue.js的版本，5秒后它会自动转到你要去的页面

javascript jquery sweetalert

回答 18 投票 0

Sweetalert 2 图标问题

有人可以帮助我吗？我尝试在我的应用程序上使用 sweetalert2，但如果使用“问题”、“警告”和“信息”，则这是不正确的。来源：https://sweetalert2.github.io/

javascript css laravel twitter-bootstrap sweetalert

回答 5 投票 0

如何正确使用sweetalert / swal？

我是 Javascript / jQuery 新手。我想使用“sweetalert”库显示一些警报消息，并且根据用户响应，该函数将返回或继续。这是我的实现：

javascript jquery sweetalert

回答 2 投票 0

在 React 中使用 SweetAlert 2 的组件作为 html

如何在带有 SweetAlert2 的 ReactJs 中使用组件作为 html 主体？我在点击事件上调用 swal 。斯瓦尔（{ 标题：“标题”， html: }); 我无法使用