本html文档Javascript SweetAlert不能正常工作？

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

<script> 
    SweetAlert('a', 'b', 'c'); 
</script>

不工作。我得到Uncaught ReferenceError: SweetAlert is not defined

如果我使用的swal()代替SweetAlert()我得到

Uncaught TypeError: Cannot read property 'className' of null

与sweetalert2

<head> 
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.css"> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.common.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/limonte-sweetalert2/6.6.5/sweetalert2.min.js"></script> 
</head>

同样的测试，我得到以下

Uncaught ReferenceError: module is not defined 
    at sweetalert2.common.min.js:1 

sweetalert2.min.js:1 Uncaught TypeError: Cannot read property 'querySelector' of null 
    at u (sweetalert2.min.js:1) 
    at c (sweetalert2.min.js:1) 
    at U (sweetalert2.min.js:1) 
    at e (sweetalert2.min.js:1) 
    at test:8

来源

2017-06-29 brazorf

这只是'swal';） –

错误在

你打电话给SweetAlert(...)而不是sweetAlert(...)。第一封信应该是小写。

错误B

如果您使用的是第三个参数，它应该是warning，error，success或info

sweetAlert("a", "b", "error");

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

来源

2017-06-29 09:30:57 Weedoze

感谢您指出了大写的问题。但问题是将脚本放在head部分而不是html body中：/ – brazorf

你不需要像sweetAlert名称。您可以使用swal('Title', 'Message', 'type')代替sweetAlert

swal("HEY", "Message", "warning")

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

来源

2017-06-29 09:34:44 Ali

//定义。

<script src="js/sweetalert.min.js"></script> 
    <link rel="stylesheet" type="text/css" href="css/sweetalert.css">

//对于呼叫

function callSweetMsg(){ 
     swal({ 
     title: "Error!",`` 
     text: "Here's my error message!", 
     type: "error", 
     confirmButtonText: "Cool" 
     }); 
    }

来源

2017-06-29 09:45:13

Javascript SweetAlert不能正常工作？

回答

错误在

错误B

相关问题