SweetAlert警报部分显示在视图中

Question

我正在ASP.NET MVC5上创建一个个人项目，使用SweetAlert处理消息警报。问题是，在HTML5按钮上，在事件"onClick“上，我正在测试一条简单的警告消息，但是，消息只显示几毫秒，我甚至不能按下"OK”按钮，铬浏览器中的控制台窗口没有显示任何错误消息。

我在内容文件夹中添加了sweetalert.css，在脚本文件夹中添加了sweetalert.js脚本，引用了BundleConfig.cs，如下所示：

​

​

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

.css样式表：

​

​

.js脚本：

​

​

最后，在视图中，在div中，我添加了一个带有"onClick“事件调用"test()”的按钮

​

​

​

​

正如我之前所说的那样，一旦我按下按钮，我几乎看不到警报，但它只会立即显示出来。

Answer 1

这个按钮在表单里吗？

如果是这样的话，我可以想象这是因为这一页令人耳目一新。表单中的按钮将提交表单，除非明确声明为type=“按钮”。

所以正在发生的事情是，甜警报正常运行，但是表单是在页面刷新后直接提交的，而甜蜜警报自然就消失了。

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