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