问题可能很小白，但却可能是很多刚入门新人有可能遇到的问题，请浏览问题的您别嫌弃，望您不吝赐教。
如图，首页有2个列表，点击时也没会跳转至另一个页面，此时如图所示。
我是希望新页面的header区域是自定义的，但系统好像是自动生成了一个头部，
请问这个应该如何操作，如何修改。
只是简单的HTML结构代码，例如
<header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-left-nav mui-pull-left"></a>
<a id="info" class="mui-icon mui-icon-search mui-pull-right" style="color: #999;"></a>
<h1 class="mui-title">新页面标题</h1>
</header>
未曾加入JS控制。
hello mui项目中，有用到父webview 代码如下
var template = $.preload({
url:'examples/template.html',
id:'demoTemplate',
styles:{
popGesture:"hide"
}
});
子webview
var subWebview = $.preload({
url:'examples/accordion.html',
id:'template_sub',
styles:{
top: '48px',
bottom: '0px'
}
});
但JS调用上我看不懂，弱弱地说hello mui例子写得非常好，但却是不是很适合刚入门的新手学习，他集成度太高了。
请浏览的亲能多一点指教，非常非常感谢
