AlertifyJS是一个JavaScript框架组件,用于开发出漂亮的浏览器对话框和通知。

功能丰富

配备了很棒的功能!Modal和Modelss视图modes,移动,调整大小等等!

可扩展

扩展现有对话框,或创建自己的对话框!使用AlertifyJS非常简单。

通知不打扰

不打扰的通知消息可用于向用户提供反馈。

主题化

三个主题(AlertifyJS,Semantic和Bootstrap)。 查看例子

多设备支持

无论您使用台式机,笔记本电脑,平板电脑还是移动设备。都不用担心!

i18n和RTL支持

不同的语言或从右到左的布局!AlertifyJS一应俱全。 查看例子

AlertifyJS不仅可以替代默认的浏览器对话框,而且超级容易创建自己的对话框!


if(!alertify.myAlert){
  //定义新对话框
  alertify.dialog('myAlert',function(){
    return{
      main:function(message){
        this.message = message;
      },
      setup:function(){
          return { 
            buttons:[{text: "酷!", key:27/*Esc*/}],
            focus: { element:0 }
          };
      },
      prepare:function(){
        this.setContent(this.message);
      }
  }});
}
//启动它。
alertify.myAlert("简化浏览器对话框!");

默认对话框


AlertifyJS

Alert(警报对话框)

确定

alertify
  .alert("这是一个警报对话框.", function(){
    alertify.message('确定');
  });

AlertifyJS

Confirm(确认对话框)

确定
取消

alertify.confirm("这是一个确认对话框.",
  function(){
    alertify.success('确定');
  },
  function(){
    alertify.error('取消');
  });

AlertifyJS

Prompt(提示对话框)

默认值
确定
取消

alertify.prompt("这是一个提示对话框.", "默认值",
  function(evt, value ){
    alertify.success('确定: ' + value);
  },
  function(){
    alertify.error('取消');
  })
  ;

默认通知


AlertifyJS
成功

  // 成功通知类型
  // 缩写:
  // alertify.notify( message, 'success', [wait, callback]);
  alertify.success('成功通知类型');

AlertifyJS
错误

  // 错误通知类型
  // 缩写:
  // alertify.notify( message, 'error', [wait, callback]);
  alertify.error('错误通知类型');

AlertifyJS
警告

  // 警告通知类型
  // 缩写:
  // alertify.notify( message, 'warning', [wait, callback]);
  alertify.warning('警告通知类型');

AlertifyJS
信息

  // 信息通知类型
  // 缩写:
  // alertify.notify( message, [type, wait, callback]);
  alertify.message('信息通知类型');
br/>