最近做一個移動網頁的應用,最近貌似很火。前端用的框架來自於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 自動消失的時間