javascript - sweetAlert 未显示

标签 javascript button sweetalert

到目前为止的代码:

<!DOCTYPE html>
<html>
    <head>
        <title>Project 506</title>
        <script type="text/javascript" src="sweetalert.min.js"></script>
        <script src="https://ajax.googlesapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <link rel="stylesheet" href="sweetalert.css" type="text/css" />
        <style type="text/css">
            body {
                text-align: center;
            }
        </style>
        <script type="text/javascript">
            $(document).ready(function () {
                $("#first").click(function () {
                    sweetAlert("Oops...", "Something went wrong!", "error");
                });
            });
        </script>
    </head>
    <body>
        <h1>Message Boxes</h1>
        <input type="button" id="first" value="Just a Notification" />
        <input type="button" id="second" value="Successfully Completed!" />
        <input type="button" id="third" value="Something Went Wrong!" />
    </body>
</html>

我不清楚为什么当我单击第一个按钮时,sweetAlert 动画仍然没有弹出。我尝试移动 <script> 的行到脚本的不同部分,但它仍然不起作用。那么如何解决这个问题呢?

最佳答案

关于javascript - sweetAlert 未显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31903603/

相关文章:

javascript - 如何在 for 循环中执行请求?

javascript - 输入文本的 ng-repeat 未填充指令中的 ng-model

javascript - 阻止使用 SweetAlert 提交表单

node.js - 使用 'require' 时如何从库中加载 CSS

javascript - 使用主题标签打开页面时平滑滚动到 div

javascript - 为什么 jQuery 不能处理附加内容?

html - 混淆了 html 中类的语法分配

android - 在 Android 的按钮上画一条线?

android - Android中的自定义圆形按钮

javascript - 未捕获的 SweetAlert : Unexpected 2nd argument?