jquery-confirm使用方法

簡要教程
jquery-confirm是一款功能強大的jQuery對話框和確認框插件。它提供多種內置的主題效果，可以實現ajax遠程加載內容，提供動畫效果和豐富的配置參數等。它的特點還有：

可以使用鍵盤控制對話框。
通過ajax加載對話框的內容。
可以在指定時間之后自動關閉對話框。
提供豐富的參數和回調函數。
使用方法
基本調用
復制代碼
$.confirm({
confirm: function(){
console.log('the user clicked confirm');
},
cancel: function(){
console.log('the user clicked cancel');
}
});
復制代碼

全局默認參數
復制代碼
jconfirm.defaults = {
title: 'Hello',
content: 'Are you sure to continue?',
contentLoaded: function(){
},
icon: '',
confirmButton: 'Okay',
cancelButton: 'Close',
confirmButtonClass: 'btn-default',
cancelButtonClass: 'btn-default',
theme: 'white',
animation: 'zoom',
closeAnimation: 'scale',
animationSpeed: 500,
animationBounce: 1.2,
keyboardEnabled: false,
rtl: false,
confirmKeys: [13], // ENTER key
cancelKeys: [27], // ESC key
container: 'body',
confirm: function () {
},
cancel: function () {
},
backgroundDismiss: false,
autoClose: false,
closeIcon: null,
columnClass: 'col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1',
onOpen: function(){
},
onClose: function(){
},
onAction: function(){
}
};

API
復制代碼
通過var jc = $.confirm()會返回一個對象實例的引用。通過jc引用可以打開對話框。

var jc = $.confirm({title: 'awesome'}); // jc will be used in the examples below

    jc.close()：關閉對話框。
    var jc = $.confirm({
        ...
    })
    jc.close(); // destroy. 

    jc.isClosed()：返回對話框是否被關閉的布爾值。
    jc.setTitle(string)：設置標題。
    jc.setContent(string)：設置內容。
    jc.setIcon(iconClass)：設置按鈕。
    jc.setDialogCenter()：將對話框居中顯示。
    jc.$body：別名：jc.$b，模態窗口對象。
    jc.$content：別名：jc.contentDiv。可以通過該對象來訪問對話框的內容。
    var jc = $.confirm({
        content: 'Yeah, this is awesome'
    })
    console.log(jc.$content.html()); // Yeah, this is awesom
    jc.$title：可訪問標題的對象。
    jc.$icon：可訪問圖標的對象。
    jc.$confirmButton：可訪問確認按鈕的對象。
    jc.$cancelButton：可訪問取消按鈕的對象。
    jc.$closeButton：可訪問關閉按鈕的對象。
    jc.$target：可訪問點擊元素的對象。