无法将 sweetAlert 调用为 onClick，样式 sheet 在页面上加载但不在按钮内

Question

好的，所以我正在尝试将我的 java 脚本警报替换为 sweetAlerts，但样式表似乎不会加载 onClick 事件，除非我将它们直接放在所述按钮上方。让我解释一下。

所以在我的 base.html 文件中，我正在为 bootstrap sweet Alert 导入 css 和 java：

<link rel="stylesheet" type="text/css" href="{% static "css/sweetalert.css" %}"/>
<script src="{% static "js/sweetalert.min.js" %}"></script>

这些都是直接从 bootstrap sweet Alert 下载的。

然后我有一个扩展 base.html 的 html 文件。在该文件中，我可以调用：<script>sweetAlert('', 'Hi)</script> 并表示 sweetAlert 将出现在页面加载时。

但是，每当我尝试将其作为 onClick 调用时：<button onClick="sweetAlert('', 'Hi)"></button> 除非我将 css 和 js 链接直接放在所述按钮上方，否则它什么都不做：

<script src="http://lipis.github.io/bootstrap-sweetalert/lib/sweet-alert.js"></script>
<link rel="stylesheet" href="http://lipis.github.io/bootstrap-sweetalert/lib/sweet-alert.css">
<button onclick="sweetAlert('', 'hi');"></button>

使用上面的代码，sweetAlert 可以正常显示，否则它根本不会显示任何内容。 css 和 js 似乎确实链接到页面，因为我可以在页面加载时在页面上显示一个 sweetAlert，但是一旦我将它添加到单击事件的按钮，一切都会变坏。

很困惑，谢谢。

Answer 1

jQuery.min.js 在 base.html 文件中被链接了两次

无法将 sweetAlert 调用为 onClick，样式 sheet 在页面上加载但不在按钮内

can't call sweetAlert as onClick, style sheet loaded on page but not inside button

html

css

twitter-bootstrap

sweetalert