文章/答案/技术大牛

发布

社区首页 >问答首页 >Javascript SweetAlert不工作？

问Javascript SweetAlert不工作？
EN

Stack Overflow用户

提问于 2017-06-29 17:25:55

回答 4查看 50.6K关注 0票数 2

此html文档

<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

javascript

sweetalert

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-06-29 17:30:58

错误A

您调用的是SweetAlert(...)而不是sweetAlert(...)。第一个字母应为小写。

错误B

如果使用第三个参数，则应为warning、error、success或info

sweetAlert("title", "description", "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>

票数 8

Stack Overflow用户

发布于 2017-06-29 17:34:44

你不需要像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>

票数 4

Stack Overflow用户

发布于 2017-06-29 17:45:13

//定义。

    <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"
       });
    }

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/44821226

复制

相似问题

问Javascript SweetAlert不工作？
EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript SweetAlert不工作？EN

回答 4

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript SweetAlert不工作？
EN