前言

js 默認(rèn)的confirm，嗯~難看。

可以使用 jquery-confirm 進(jìn)行替換。替換后是這個(gè)樣子。

jquery-confirm 地址

官方地址

https://craftpip.github.io/jquery-confirm/

github地址

https://github.com/craftpip/jquery-confirm

碼云地址

https://gitee.com/mirrors/jquery-confirm

Demo

引入 js 和 css

<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>

寫個(gè) Confirm

$.confirm({title: 'Confirm!',content: 'Simple confirm!',buttons: {confirm: function () {$.alert('Confirmed!');},cancel: function () {$.alert('Canceled!');},somethingElse: {text: 'Something else',btnClass: 'btn-blue',keys: ['enter', 'shift'],action: function(){$.alert('Something else?');}}} });

運(yùn)行效果

總結(jié)

以上是生活随笔為你收集整理的jquery-confirm的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。