使用jqMobi开发app基础：定义footer详解手机开发

定义footer的方式和定义header方式基本一样，有三种方式
1定义公共的footer
也就是所有panel默认的footer，需要在div id="afui">内部，也就是和<div id="content">同一级的位置添加一个div，并且ID必须是navbar
例如：   

<div id="navbar"> 
<a href="#home" id='navbar_home' class='icon home'>home</a> 
<a href="#sketch" id='navbar_pencil' class='icon pencil'>Sketch</a> 
<a href="#picture" id='navbar_picture' class='icon picture'>Picture</a> 
</div>

2自定义footer有两种方式和自定义header有些类似
第一种在div id="afui">内部，也就是和<div id="content">同一级的位置添加一个footer
标签，并且命名id。
然后再需要这个footer的panel添加一个属性data-footer="custom_footer"
例如：

<div id="afui"> 
<div id="content"> 
<div class="panel" id="panel1" data-footer="myfooter"> 
<h3>panel contents</h3> 
</div> 
</div> 
<footer id="myfooter"> 
<h1>Custom footer</h1> 
<a class="button" style="float:left;" class="icon home"></a> 
</footer> 
</div>

第二种就是在需要自定义的panel的div内部定义一个footer
例如：

<div id="afui"> 
<div id="content"> 
<div class="panel" id="panel1"> 
<footer> 
<h1>Custom Footer</h1> 
<a class="button" style="float:left;" class="icon home"></a> 
</footer> 
<h3>Panel content </h3> 
</div> 
</div> 
</div>

参照使用appframework开发app基础：定义header很明显少了，通过title定义footer的方式。