jquery-confirm | 功能强大的jQuery对话框和确认框插件

jquery-confirm是一款功能强大的jQuery对话框和确认框插件。它提供多种内置的主题效果，可以实现ajax远程加载内容，提供动画效果和丰富的配置参数等。它的特点还有：

• 可以使用键盘控制对话框。
• 通过ajax加载对话框的内容。
• 可以在指定时间之后自动关闭对话框。
• 提供丰富的参数和回调函数。

安装

可以通过Bower来安装该插件。

$ bower install craftpip/jquery-confirm                   
                

使用方法

基本调用

$.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(){
    }
};         
                

配置参数

jquery-confirm插件的可用配置参数有：

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：可访问点击元素的对象。

jquery-confirm插件的github地址为：https://github.com/craftpip/jquery-confirm