jQuery Confirm是一個用于替代原生JavaScript Alert、Confirm、Prompt等彈窗的插件。它可以在彈窗中顯示自定義的文本、圖標、按鈕,并且還能以回調函數的形式處理用戶的操作結果。該插件參數豐富,下面我們將介紹一些常用的參數。
$.confirm({ title: '提示', // 標題 content: '確定要進行此操作嗎?', // 內容 type: 'red', // 類型,可選值有:default、blue、red、green、purple、dark icon: 'fas fa-exclamation-triangle', // 圖標,使用Font Awesome圖標庫,也可自定義圖標 buttons: { confirm: { text: '確定', // 確認按鈕文本 btnClass: 'btn-red', // 確認按鈕樣式 action: function(){ // 確認按鈕回調函數 } }, cancel: { text: '取消', // 取消按鈕文本 btnClass: 'btn-default', // 取消按鈕樣式 action: function(){ // 取消按鈕回調函數 } } } });
如上所示,title參數用于設置彈窗標題,content參數用于設置彈窗內容,type參數用于設置彈窗類型,icon參數用于設置彈窗圖標。buttons參數用于設置彈窗的按鈕,其中confirm屬性用于設置確認按鈕,cancel屬性用于設置取消按鈕,text參數用于設置按鈕文本,btnClass參數用于設置按鈕樣式,action參數用于設置按鈕的回調函數。
除了以上介紹的參數外,jQuery Confirm還有很多其他的參數,如animation、keyToCancel、escapeKey、container等等。通過合理使用這些參數,我們能夠實現更加豐富的彈窗效果。