在 Javascript 中使用 SweetAlert答案

【问题标题】：Using SweetAlert in Javascript在 Javascript 中使用 SweetAlert
【发布时间】：2015-05-18 08:47:20
【问题描述】：

我和这个人有同样的问题：Sweetalert - Call function in Javascript

根据该问题中给出的答案，我无法弄清楚问题所在。我已经从http://tristanedwards.me/sweetalert 下载了 .js 和 .css 文件。我已将它们保存在与我使用脚本相同的项目中。然后在我的 .html 文件中，我添加了以下几行：

<script src="SweetAlert.js"></script>
<link href="SweetAlert.css" rel="stylesheet">

<body>
<button type="button" id="button1" onclick='sweetAlert("Oops...", "Something went wrong!" , "error")'>Title</button>
</body>

这适用于标准的 Alert() 功能。为什么它不能与 sweetAlert 一起使用？我假设多个 .js 文件可能会导致问题，因为我需要其中的 3 个。

【问题讨论】：

添加 jquery 脚本 bcoz SweetAlert.js 依赖于 Jquery
对我来说这是可行的......不需要 jquery。
文件名是否正确？在下载的 zip 中，它们被称为 sweet-alert.min.js 和 sweet-alert.css（查看示例文件）

标签： javascript html button alert sweetalert

【解决方案1】：

我不知道这是否是您的问题，但对我来说，下面的 HTML 是有效的。把文件放在同一个文件夹里，注意文件名，因为你写的文件名和下载的不一样，

链接“/>”上也缺少关闭

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>

    <script src="sweet-alert.js"></script>
    <link href="sweet-alert.css" rel="stylesheet"/>


    <meta charset="utf-8" />
    <title></title>
</head>
<body>
<button type="button" id="button1" onclick='sweetAlert("Oops...", "Something went wrong!" , "error")'>Title</button>
</body>
</html>

【讨论】：