您的位置：首页 > 移动开发

使用jqMobi开发app基础：定义footer

2014-01-13 10:43 459 查看
   定义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的方式。
官方文档参考，定义公共的footer官方文档：自定义footer

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航