javascript - 在 Javascript 中使用 SweetAlert

标签 javascript html button alert sweetalert

我和这个人有同样的问题: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 个。

最佳答案

我不知道这是否是您的问题,但对我来说,以下 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>

关于javascript - 在 Javascript 中使用 SweetAlert,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29073418/

相关文章:

javascript - js 文件未加载 js 控制台说是 "Not allowed to load local resource"

javascript - 如何使选择框动态化

javascript - 如何监听剪贴板事件?

html - 如何防止一个元素插入 CSS 中的另一个元素?

jQuery 隐藏/显示选择标签

javascript - CSS/JavaScript 如何在点击/鼠标悬停事件上创建下推效果?

html - 需要帮助来影响标题和按钮

javascript - 如何过滤Bitfinex API ws2流数据?

javascript - 隐藏/显示导航栏时,刷新页面时导航栏可见,然后滚动时导航栏消失

java - 2 个按钮,1 个用于启动 MP3 文件,1 个用于停止