好的,所以我试图将我的javaScript警报替换为sweetAlerts,但看起来样式表不会加载onClick事件,除非我将它们直接放在所述按钮上方 . 让我解释 .
所以在我的base.html文件中,我正在导入css和java for bootstrap sweet Alert,如下所示:
<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但是只要我在点击事件上将其添加到按钮,一切都会变坏 .
非常困惑,谢谢 .
1 回答
jQuery.min.js在base.html文件中被链接了两次