最近做一个移动网页的应用,最近貌似很火。前端用的框架来自于jQuery WEUI。http://www.jqweui.com.
里面提供了很多控件,接下来我也会把自己用到过的控件(加入自己改变的)分享出来,官网提供的例子也很详细。
当然了,首先要引入js和css文件,这个略过不提。
Notification:类似于手机的通知栏,但是这个是不能与手机通信的,换句话说,这个通知只是在当前页面的通知,当你从浏览器回到主界面,是得不到通知的。
看一下官网的例子
一个例子:
$.notification({
title: "New Order",
text: data.message, //文本信息
data: data.message,
time: 60000,//显示1分钟
onClick: function (data) { // 点击事件
//...其他处理
$.closeNotification(); //关闭通知
},
onClose: function (data) { // 通知关闭时,进行的处理
window.location.reload();
}
});
其他参数:
Params
Param Default Description
title undefined 通知的标题
text undefined 通知的文案
media undefined 图标
data undefined 点击通知后,这个data参数会传给 onClick
onClick undefined 点击回调
onClose undefined 关闭通知的回调
time 4000 自动消失的时间