0712-2888027 189-8648-0214
微信公众号

孝感风信网络科技有限公司微信公众号

当前位置: 主页 > 技术支持 > Javascript/JQuery > SweetAlert2一款响应式的JavaScript弹窗插件

SweetAlert2一款响应式的JavaScript弹窗插件

时间:2018-08-14来源:风信网 点击:
SweetAlert2 一个漂亮的、响应式的、可定制的和可访问(WAI-ARIA)的JavaScript弹窗,无任何依赖,基于t4t5/sweetalert。

风信建站移动端项目开发,为了提升用户在弹窗交互上面的交互体验,我们在实际的项目开发中引入了SweetAlert2,该插件交互体验还是不常不错的,最重要的一点是支持响应式,摆脱了传统的alert在移动端中弹窗的尴尬及缺陷,无论你是在电脑、手机还是平板上,SweetAlert2都会在页面上自动居中显示,这看起来非常棒,有兴趣的朋友可以试试。
SweetAlert2一款响应式的JavaScript弹窗插件

项目地址:http://mishengqiang.com/sweetalert2/

使用指南:

1. 引用必要的文件初始化插件:

<script src="bower_components/sweetalert2/dist/sweetalert2.min.js"></script>
<link rel="stylesheet" href="bower_components/sweetalert2/dist/sweetalert2.min.css">

<!-- Include a polyfill for ES6 Promises (optional) for IE11 and Android browser -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/core-js/2.4.1/core.js"></script>

2. 页面加载完成后调用sweetAlert2函数

swal({
    title: '错误!',
    text: '是否继续',
    type: 'error',
    confirmButtonText: '酷'
})

更多的体验效果可查看官方网站的演示。
栏目列表
推荐内容
热点内容
展开