Alert插件

一个轻量,灵活,易上手的提示插件

代码演示

使用方法

$('.btn-danger').on('click', function(event) {
  $.alert({
    obj:'#message',
    text:'<span style="margin-right:10px;font-size:20px;" class="glyphicon glyphicon-remove-sign"></span>This is a error message',
    status:0,
    timeout:150000,
    callback:function(){
      // callback ...
    }
  });
});

// 输出记录
function mark(text) {
  $('.J-memo').append($('<p>'+text+'</p>'));
}

// 如果您不想在 text 接口中嵌入 HTML,又要实现 success,danger,warning,info状态,可以在css中实现

#message .success { // ... }
#message .error   { // ... }
#message .info    { // ... }
#message .warning { // ... }

API

属性 说明 类型 默认值
obj alert容器 String #message
text 文本,支持html标签 String -
timeout 持续时间,单位毫秒 Number 3000
status 状态:0-error,1-success,2-info,3-warning Number 1
callback 回调函数,无论调用多少次alert,回调函数都将取最后一个 Function -

如果您发现本页有什么问题,欢迎来提单 Issue : https://github.com/Janking/infinite-ui/issues