SweetAlert警报部分显示在视图中

Question

我正在使用SweetAlert在ASP.NET MVC5上创建一个个人项目来处理消息警报。 事情是，在HTML5按钮上，在事件“ onClick”上，我正在测试一条简单的警报消息，但是，该消息仅显示了几毫秒，我什至无法按“ OK”按钮，控制台chrome浏览器中的窗口未显示任何错误消息。

我已经在Content文件夹中添加了sweetalert.css，在Scripts文件夹中添加了sweetalert.js脚本，并在BundleConfig.cs上进行了如下引用：

在_Layout.cshtml上，我添加了以下文件：

.css样式表：

.js脚本：

最后，在视图中的div内，我添加了一个带有“ onClick”事件的按钮，称为“ test（）”

一旦按下按钮，就像我之前说的那样，我几乎看不到警报，但是它只显示1或2毫秒，是的，毫秒。

我非常感谢您的帮助。谢谢！

Answer 1

此按钮在表单内吗？

如果是这样，我想这是因为页面正在刷新。除非明确声明为type =“ button”

，否则表单内的按钮将提交表单

所以发生的事是，甜蜜警报功能正常，但是在导致页面刷新后，甜蜜警报消失了，表单是在提交后立即提交的。

<button type="button" onclick="test()" class="btn btn-danger">....</button>