甜蜜警报不起作用
Sweet Alert does not work
好的,首先,我是新手。我被指示在我们的项目中使用 sweet alert 作为警报。我确保它会起作用,所以我在另一个文件上做了一个简单的文件,并做了类似下面的代码的东西,但它不起作用。 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>
您在声明 Sweet alert 并将其链接到您的 HTML 文档之前调用它。将对 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>
好的,首先,我是新手。我被指示在我们的项目中使用 sweet alert 作为警报。我确保它会起作用,所以我在另一个文件上做了一个简单的文件,并做了类似下面的代码的东西,但它不起作用。 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>
您在声明 Sweet alert 并将其链接到您的 HTML 文档之前调用它。将对 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>