一、定义全局的header
这个header是所有panel默认的header,需要在
内部，也就是和
同一级的位置添加一个header 标签，并且id必须是header
例如：
jqMobi
Back Single Page App
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
sketch
运行效果
立即学习“前端免费学习笔记（深入）”；
二、panel引入header标签
在
内部，也就是和
同一级的位置顶一个header 标签，并且命名id。 然后再需要这个header的pane添加一个属性data-header="custom_header"
jqMobi
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
sketch
Back Single Page App
三、给每个panel自定义header
在需要自定义的panel的内部定义一个header，这个header此时只属于该panel
jqMobi
Back Single Page App
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
sketch
四、给相应的标签定义title属性，系统也会自动生成header
jqMobi
首页
以上就是小强的HTML5移动开发之路（40）——jqMobi中实践header定义的几种方式 的内容，更多相关内容请关注PHP中文网（www.php.cn）！
