Sweet Alert不起作用

时间:2016-03-26 15:32:53

标签: javascript alert sweetalert

好吧,首先,我是新手。我被指示在我们的项目中使用甜蜜警报来提醒警报。我认为它会起作用,所以我在一个不同的文件上制作了一个简单的文件,并制作了类似下面的代码,但它不起作用。 Sweetalert没有露面。我错过了什么吗?

<!DOCTYPE html>
 <html>
  <head>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet" />
  </head>
  <body>

   <script>
    swal("Hello World");
   </script>

   <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js" />
  </body>
 </html>

1 个答案:

答案 0 :(得分:9)

在声明Sweet链接并将其链接到HTML文档之前,您正在调用Sweet警报。将脚本引用移至sweetalert.min.js到页面的头部。而且,脚本标签不能自动关闭。您需要通过</script>关闭脚本标记,如下所示:

<!DOCTYPE html>
 <html>
  <head>
   <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.css" rel="stylesheet" />
   <script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
  </head>
  <body>

   <script>
    swal("Hello World");
   </script>


  </body>
 </html>