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