首页 文章

不能将sweetAlert称为onClick,样式表加载在页面上而不是内部按钮

提问于
浏览
1

好的,所以我试图将我的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 回答

  • 0

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

相关问题