如何解决如何在asp.net中发出甜蜜警报?
实际上,当我按下按钮(返回首页)时,我试图发出甜蜜的警报,但仍然遇到麻烦。
我使用卑鄙的语法:
<a class="btn btn-info" style="background-color:blue" asp-controller="Home" onclick="return confirm('Are you sure you want to come back home?')">
<span class="material-icons">home</span> Back to Home
</a>
上面的语法效果很好,但是我需要更加甜美,作为甜蜜的警报。
请让我知道您的想法。 我做了很多事情,但似乎有些事情是错误的。
解决方法
我们解决了以下问题:
实际上,在这种情况下,最好使用按钮标签:
<div class="pb-1 pt-1 float-left">
<button class="btn btn-info" id="test">
<span class="material-icons">home</span> Back to Home
</button>
</div>
然后在javscript文件中,我们附加了以下甜蜜警报功能:
$("#test").click(function () {
swal({
title: "Are you sure you go back to home?",text: "You will not be able to recover your data!",type: "warning",showCancelButton: true,confirmButtonColor: "#DD6B55",confirmButtonText: "Yes",closeOnConfirm: false
},function () {
location.href = "/Home/Index";
});
});
并且不要忘记从以下链接中附加甜蜜警报库:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" />
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
或者您可以直接在_layout.cshtml文件中插入上述链接,然后它将可用于所有WebApp。
我希望它对其他人有用。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。