如何将SweetAlert关键字从“swal”更改为' swal2'

时间:2017-03-09 19:09:08

标签: javascript sweetalert sweetalert2

您好我一直在使用SweetAlert,我需要SweetAlert2个链接模式。

我不想删除 SweetAlert ,因为它在我们的应用程序中被大量使用。如何将 SweetAlert2 的关键字swal更改为swal2,以便它不会与我们当前的 SweetAlert 插件发生冲突?

所以我可以:

swal2('Sweet Alert 2');

1 个答案:

答案 0 :(得分:3)

这就是我所做的并且有效:

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

<button id="swal">swal</button>
<button id="swal2">swal2</button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src="https://unpkg.com/sweetalert2@latest/dist/sweetalert2.all.js"></script>
<script>
    var swal2 = swal;
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.js"></script>
<script>
    $('#swal').on('click', function() { swal('Hi from swal', 'success') })
    $('#swal2').on('click', function() { swal2('Hi from swal2') })
</script>