[Javascript] jquery-confirm 製作一個更友善的 confirm

2019-07-12

其實,目的說是更友善,其實我只是遇到 我用 ajax 非同步拿回一些資料後,我要跳出 瀏覽器內建的 confirm  來讓客戶確認,但是,不知道為何,在 chrome 裡面會莫名"被消失",就是出現後馬上消失 ,所以我就決定找網路上的套件做交叉測試,之後就沒問題了,我也沒有去細查原因,不過既然測試了,就介紹給大家 jquery-confirm https://craftpip.github.io/jquery-confirm/




1. 首先引入 JQuery and jquery-confirm on CDN

<!-- JQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>


<!-- jquery-confirm -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>


2. Code :



3. Result :

官方範例還有很多操作,當然我只留一下紀錄,方便下次複製貼上 :P


當麻許的超技八 2014 | Donma Hsu Design.