如何让sweetalert适用于您的按钮

时间:2015-06-14 18:55:06

标签: javascript sweetalert

Here我的小邮件发件人。

我喜欢sweetalert的工作方式,所以我决定去做。 Here是我获取信息的地方。

我下载了所有必要的东西。按照他们的建议做出适当的电话。 我相信到目前为止一切都应该没问题,即使他们对源代码的调用不同于建议的那些。 我相信我的问题在于他们建议使用的js代码片段。好吧,实际上刚刚写完&#34;在页面加载后调用sweetAlert函数&#34;所以我认为它应该是<script></script>标签之间的一些代码。乍一看,这似乎是一段过于简单的代码。

<script>document.querySelector('ul.examples li.success button').onclick = function(){swal("Good job!", "You clicked the button!", "success");};</script>是他们用来制作我感兴趣的提醒的工具,可以在他们网页的源代码中使用。

我在哪里做错了? 有人愿意帮忙吗? 谢谢:)

1 个答案:

答案 0 :(得分:0)

确保您的网页正在加载SweetAlert所需的javascript和css。

使用来自CDN的SweetAlert资产的简单功能代码段将发布在此处。

swal("Good job!", "You clicked the button!", "success");
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.0.1/sweetalert.min.js"></script> <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.0.1/sweetalert.min.css">