3.3.1 添加按钮
向尾部栏添加按钮时,为了减少各按钮的间距,通常需要在按钮的外围添加一个"data-role"属性值为"controlgroup"的容器,形成一个按钮组显示在尾部栏中;同时,在该容器中添加一个"data-type"属性,并将该属性的值设置为"horizontal",表示容器中的按钮按水平顺序排列。
实例3-10 在尾部栏中添加按钮
1. 功能说明
新建一个HTML页面,在页面尾部栏中添加一个按钮组。在该按钮组中添加2个带图标的按钮,按钮中的文本内容分别为"关于公司"和"联系我们".
2. 实现代码
新建一个HTML页面3-10.htm,加入代码如代码清单3-10所示。
代码清单 3-10 在尾部栏中添加按钮
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》
添加尾部栏按钮
… 省略部分代码