2015-03-31 22:02 2011人閱讀 評論(0) 收藏 舉報(bào)

版權(quán)聲明：本文為博主原創(chuàng)文章，未經(jīng)博主允許不得轉(zhuǎn)載。

appframework3.0好像是3月24日發(fā)布的，今天31號，發(fā)現(xiàn)和之前的appframework2.1 || 2.2并不同。

jqmobi3.0中不在支持 data-load/data-unload 屬性。

如果想繼續(xù)用 以前的 data-load/data-unload??可以復(fù)制一下代碼放到您的程序中

They are renamed, and there is now "before" events too.??If you liked the old way, you could always write a plugin to enable it.

?

[plain] view plaincopy

//psuedo?code??

var?dispatchPanelEvent:function(fnc,myPanel){??

????if?(typeof?fnc?===?"string"?&&?window[fnc])?{??

????????return?window[fnc](myPanel);??

????}??

????else?if(fnc.indexOf(".")!==-1){??

????????var?scope=window,items=fnc.split("."),len=items.length,i=0;??

????????for(i;i<len-1;i++){??

????????????scope=scope[items[i]];??

????????????if(scope===undefined)?return;??

????????}??

????????return?scope[items[i]](myPanel);??

????}??

};??

$(document).on("panelload",function(e){??

???var?hasLoad=$(e.target).attr("data-load");??

??

???return?dispatchPanelEvent(hasLoad,e.target);??

})??

??

$(document).on("panelunload",function(e){??

???var?hasLoad=$(e.target).attr("data-unload");??

??

???return?dispatchPanelEvent(hasLoad,e.target);??

})??

結(jié)構(gòu)：

id="mainview" 肯定是 app頁面的主視圖。

id="splashscreen" 是加載頁面過渡的代碼塊。

在id="mainview" 中，直接header 和 footer 應(yīng)該是默認(rèn)的公共頂部和底部。nav是左右導(dǎo)航，id=left做導(dǎo)航，id=right是右導(dǎo)航。

左右導(dǎo)航中還包含header和footer，可以以class=pages再分多個(gè)頁面。

data-include="“包含一個(gè)子頁面。

data-left-drawer="left" 聲明左導(dǎo)航。

class="panel"聲明一個(gè)畫面。

data-title="Main"是當(dāng)前畫面頂部標(biāo)題。如果沒有可能會(huì)繼承上一級的header。

data-selected="true" 默認(rèn)選中這個(gè)畫面。

?data-tab="navbar_ui" 選中的id=navbar_ui的ID。

?data-footer="footerui"自定義底部導(dǎo)航。

title=""也是標(biāo)題，出現(xiàn)在頂部，不知道和data-title="Main"區(qū)別。

data-menu-close 關(guān)閉左右導(dǎo)航。

data-menu-close data-right-menu="right" 關(guān)閉又側(cè)導(dǎo)航。

οnclick="$.afui.drawer.hide('#left')" 關(guān)閉id=left的導(dǎo)航。

$.afui.drawer.show('#right','right','push')打開右導(dǎo)航像推動(dòng)效果。

data-transition="slide" 轉(zhuǎn)場效果為slide

轉(zhuǎn)載于:https://www.cnblogs.com/aishangliming/p/6206829.html

總結(jié)

以上是生活随笔為你收集整理的appframework3.0（JQmobi）入门教程的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。