1

好的,所以我正在尝试将我的 javaScript 警报替换为 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,但是一旦我将它添加到单击事件的按钮中,一切都会变糟。

很迷茫,谢谢。

4

1 回答 1

0

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

于 2015-09-15T21:52:37.693 回答