• <b id="l3qpx"><abbr id="l3qpx"></abbr></b>
  • <th id="l3qpx"><progress id="l3qpx"></progress></th>
      <th id="l3qpx"></th>
      <dd id="l3qpx"><font id="l3qpx"></font></dd>
      <th id="l3qpx"></th>
      0712-2888027 189-8648-0214
      微信公眾號

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

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

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

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

      風(fēng)信建站移動端項(xiàng)目開發(fā),為了提升用戶在彈窗交互上面的交互體驗(yàn),我們在實(shí)際的項(xiàng)目開發(fā)中引入了SweetAlert2,該插件交互體驗(yàn)還是不常不錯的,最重要的一點(diǎn)是支持響應(yīng)式,擺脫了傳統(tǒng)的alert在移動端中彈窗的尷尬及缺陷,無論你是在電腦、手機(jī)還是平板上,SweetAlert2都會在頁面上自動居中顯示,這看起來非常棒,有興趣的朋友可以試試。
      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. 頁面加載完成后調(diào)用sweetAlert2函數(shù)

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

      更多的體驗(yàn)效果可查看官方網(wǎng)站的演示。
      欄目列表
      推薦內(nèi)容
      熱點(diǎn)內(nèi)容
      展開
      欧美一区二区三区免费A级视频,亚洲精品中文字幕综合,动漫精品中文字幕无码第一页,1024亚洲国产综合 亚太影院 柯西贝尔-游戏赚网
    1. <b id="l3qpx"><abbr id="l3qpx"></abbr></b>
    2. <th id="l3qpx"><progress id="l3qpx"></progress></th>
        <th id="l3qpx"></th>
        <dd id="l3qpx"><font id="l3qpx"></font></dd>
        <th id="l3qpx"></th>