首页 > PHP资讯 > HTML5培训技术 > jQueryMobile如何在尾部栏添加按钮

jQueryMobile如何在尾部栏添加按钮

HTML5培训技术

  3.3.1 添加按钮

  向尾部栏添加按钮时,为了减少各按钮的间距,通常需要在按钮的外围添加一个"data-role"属性值为"controlgroup"的容器,形成一个按钮组显示在尾部栏中;同时,在该容器中添加一个"data-type"属性,并将该属性的值设置为"horizontal",表示容器中的按钮按水平顺序排列。

  实例3-10 在尾部栏中添加按钮

  1. 功能说明

  新建一个HTML页面,在页面尾部栏中添加一个按钮组。在该按钮组中添加2个带图标的按钮,按钮中的文本内容分别为"关于公司"和"联系我们".

  2. 实现代码

  新建一个HTML页面3-10.htm,加入代码如代码清单3-10所示。

  代码清单 3-10 在尾部栏中添加按钮

  

  

  

  jQuery Mobile 添加尾部栏按钮

  

  

  rel="Stylesheet" type="text/css" />

  <scriptsrc="http://upload.server110.com/image/20131230/0Z5006416-0.jpg"   type="text/javascript">《script》

  <scriptsrc="http://upload.server110.com/image/20131230/0Z50020E-1.jpg"   type="text/javascript">《script》

  

  

  

  头部栏标题

  

  

添加尾部栏按钮

  

  

  

  

  

  … 省略部分代码

本文由欣才IT学院整理发布,未经许可,禁止转载。