jQuery Notice

---

参数及事件说明

事件	描述	参数
$.notice(data,callback)	显示弹窗	data为json或json数组，必须有title和desc属性 callback为json，接收read、later、readAll三种方法 later(稍后处理)和readAll(全部已读)不传则不显示该按钮 callback均提供data(当前数据对象)、dataList(总数组)、index(当前数据索引)
$.notice.close()	关闭弹窗	无
$.notice.refresh(data)	刷新弹窗中的数据	data同初始传参
$.notice.add(data)	新增一条数据到当前弹窗	data为json对象
$.notice.info(data,callback) $.notice.success(data,callback) $.notice.warning(data,callback) $.notice.error(data,callback)	不同主题弹窗	参数同初始传参

用法示例

单条通知show single

// 数据
var noticeData = {
	title: '开会啦',
	desc: '去会议室开会啦'
}
//回调
var cbSingle = {
	read: function(data) {
		alert('已读了：' + data.title)
		$.notice.close()
	},
	later: function(data) {
		alert('稍后处理：' + data.title)
		$.notice.close()
	}
}
//触发事件
$('#btn-single').click(function(e) {
	$.notice(noticeData, cbSingle)
})

多条通知show multiple

// 数据
var noticeList = [{
	title: '开会啦',
	desc: '去会议室开会啦'
}, {
	title: '又开会啦',
	desc: '又去会议室开会啦'
}, {
	title: '下班啦',
	desc: '赶紧回家买菜去啦'
}]
//回调
var cbMultiple = {
	read: function(data, dataList, index) {
		alert('已读了：' + data.title)
		noticeList.splice(index, 1)
		$.notice.refresh(noticeList)
	},
	later: function(data, dataList, index) {
		alert('稍后处理：' + data.title)
	},
	readAll: function(data, dataList, index) {
		alert('全部已读，共' + dataList.length + '条')
		$.notice.close()
	}
}
//触发事件
$('#btn-multiple').click(function(e) {
	$.notice(noticeList, cbMultiple)
})

动态添加add

$('#btn-add').click(function(e) {
   var newNotice = {
       title: '加班啦',
       desc: '今天要加班啦'
   }
   $.notice.add(newNotice)
})

多种主题infosuccesswarningerror

$('#btn-info').click(function(e) {
   $.notice.info(noticeList, cbMultiple)
})
$('#btn-success').click(function(e) {
   $.notice.success(noticeList, cbMultiple)
})
$('#btn-warning').click(function(e) {
   $.notice.warning(noticeList, cbMultiple)
})
$('#btn-error').click(function(e) {
   $.notice.error(noticeList, cbMultiple)
})