在網(wǎng)上下了一個demo ?里面封裝了一個lib ?很多方法都特別好 在此記錄一下
var qiao = {};
//監(jiān)聽方法 傳三個參數(shù) ?監(jiān)聽對象 監(jiān)聽事件 監(jiān)聽回調(diào)的方法 ?例如 button 的click事件 出發(fā)一個方法
1.
qiao.on = function(obj, event, func){
$(document).off(event, obj).on(event, obj, func);
};
應(yīng)用:qiao.on('.mui-icon-bars', 'tap', opMenu);//監(jiān)聽.mui-icon-bars的tap事件 觸發(fā)opMenu方法
--------
2.
qiao.juicer = function(el, data, callback){
if(el){
var $tpl = $(el);
$tpl.after(juicer($tpl.html(), data));
if(callback) callback();
}
};
//設(shè)置一個屬性 .h
qiao.h = {};
// page相關(guān)
qiao.h.normalStyle = {top:'45px',bottom:0};
qiao.h.centerStyle = {top:'45px',bottom:0};
3.
qiao.h.normalPage = function(id, options){ ? ? ? ? ?//normalPage只是對style做了封裝
var opt = $.extend({}, options, qiao.h.normalStyle);//合并屬性
return qiao.h.page(id, {styles : opt});
};
應(yīng)用:
mui.init({
subpages : [qiao.h.normalPage('list')]; ?//加載的子頁面是id是list帶有normalStyle的頁面
});
----------
4.
qiao.h.centerPage = function(id, options){
var opt = $.extend({}, options, qiao.h.normalStyle);
return qiao.h.page(id, {styles : opt});
};
5.
//這里是返回一個對象 它有兩個屬性 id和url(id.html)?
qiao.h.page = function(id, options){
var url = id + '.html';
options.id = id;
options.url = url;
return options;
};
應(yīng)用:
// qiao.h.page返回一個帶id和url屬性的對象
var menuoptions = qiao.h.page('menu', {
styles : {
left:0,? //灰色部分距離左側(cè)
width:'100%',? //菜單頁面占整個寬度的比例
zindex:-1? //zIndex 屬性設(shè)置元素的堆疊順序。
}
});
menu = mui.preload(menuoptions);//預(yù)加載
------------
6.
qiao.h.indexPage = function(){
return plus.webview.getWebviewById(plus.runtime.appid);//獲取主窗口對象
};
應(yīng)用: main = qiao.h.indexPage(); //獲取了主窗口
7.
qiao.h.currentPage = function(){
return plus.webview.currentWebview();//獲取當(dāng)前窗口
};
8.
qiao.h.getPage = function(id){
return id ? plus.webview.getWebviewById(id) : null;? //根據(jù)id獲取view
};
9.
qiao.h.show = function(id, ani, time, func){
if(id) plus.webview.show(id, ani, time, func);? //展示webview
};
10.
qiao.h.hide = function(id, ani, time){
if(id) plus.webview.hide(id, ani, time);? ? //隱藏view
};
11.
qiao.h.fire = function(id, name, values){
mui.fire(qiao.h.getPage(id), name, values);? //通過mui.fire()方法可以觸發(fā)目標(biāo)窗口的自定義事件
//mui.fire(目標(biāo)窗口的webview,'自定義事件名',{參數(shù)列表});
};
先寫這些 慢慢填
