海南苯概企业管理有限公司

0712-2888027 189-8648-0214
微信公眾號(hào)

孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)

當(dāng)前位置:主頁(yè) > 技術(shù)支持 > Javascript/JQuery > SweetAlert2一款響應(yīng)式的JavaScript彈窗插件

SweetAlert2一款響應(yīng)式的JavaScript彈窗插件

時(shí)間:2018-08-14來(lái)源:風(fēng)信官網(wǎng) 點(diǎn)擊: 1674次
SweetAlert2 一個(gè)漂亮的、響應(yīng)式的、可定制的和可訪問(WAI-ARIA)的JavaScript彈窗,無(wú)任何依賴,基于t4t5/sweetalert。

風(fēng)信建站移動(dòng)端項(xiàng)目開發(fā),為了提升用戶在彈窗交互上面的交互體驗(yàn),我們?cè)趯?shí)際的項(xiàng)目開發(fā)中引入了SweetAlert2,該插件交互體驗(yàn)還是不常不錯(cuò)的,最重要的一點(diǎn)是支持響應(yīng)式,擺脫了傳統(tǒng)的alert在移動(dòng)端中彈窗的尷尬及缺陷,無(wú)論你是在電腦、手機(jī)還是平板上,SweetAlert2都會(huì)在頁(yè)面上自動(dòng)居中顯示,這看起來(lái)非常棒,有興趣的朋友可以試試。
SweetAlert2一款響應(yīng)式的JavaScript彈窗插件

項(xiàng)目地址: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. 頁(yè)面加載完成后調(diào)用sweetAlert2函數(shù)

swal({
    title: '錯(cuò)誤!',
    text: '是否繼續(xù)',
    type: 'error',
    confirmButtonText: '酷'
})

更多的體驗(yàn)效果可查看官方網(wǎng)站的演示。
欄目列表
推薦內(nèi)容
熱點(diǎn)內(nèi)容
展開
荔波县| 平泉县| 城口县| 固原市| 二连浩特市| 保康县| 山东省| 临江市| 望谟县| 平顶山市| 金湖县| 新化县| 贡觉县| 西藏| 清苑县| 孝昌县| 中宁县| 阿城市| 三亚市| 察隅县| 无极县| 贵港市| 湛江市| 临潭县| 玛多县| 沙坪坝区| 中山市| 清新县| 平果县| 阿城市| 郎溪县| 哈巴河县| 盐池县| 仁寿县| 营口市| 贵阳市| 建宁县| 全州县| 墨竹工卡县| 长岭县| 四子王旗|