Question

到目前为止的代码：

<!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>的行移到脚本的不同部分，但它仍然无法正常工作。那我怎么解决这个问题呢？

Answer 1

检查你的jQuery网址。它应该是：

https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js

sweetAlert没有露面

1 个答案: