我已经知道怎么在主页面里添加子页面了,但是不知道怎么把子页面添加进主页面的某个div(容器里)
//mui加载完成事件
mui.plusReady(function() {
//定义子页面数组
var subPages = ["HomePage.html","NavigationLink.html","Video.html","Notepad.html","Music.html"];
// 遍历子页面数组,根据每个子页面的url创建webview
// 定义子页面显示位置样式
var subPageStyle = {
top: "45px",
bottom: "50px",
}
// 获取主webview
var mainView = plus.webview.currentWebview();
for (var i = 0; i < subPages.length; i ++) {
var url = subPages[i];
// 根据url 创建子页面
// 创建webview语法,返回webview对象,url用于指定讲那个web页面创建为webview
var subView = plus.webview.create(url,url,subPageStyle);
// 默认设置每个子webview处于隐藏状态
subView.hide();
// 为了主子页面同时显示
mainView.append(subView);
}
// 默认设置homepage子页面显示
//根据id设置具体webview显示的语法:plus.webview.show(id);
plus.webview.show(subPages[0]);
// 给每个导航栏目注册模拟用户的轻击事件(tap),click事件在手机里无效
mui(".mui-bar").on('tap', 'a', function() {
// 设置当前导航对应的子页面,根据id设置webview显示
var id = this.getAttribute('href');
plus.webview.show(id);
});
});
0 个回复