buils
buils
  • 发布:2020-04-26 18:04
  • 更新:2020-04-26 18:04
  • 阅读:766

MUI侧滑导航如何添加子页面

分类:MUI

我已经知道怎么在主页面里添加子页面了,但是不知道怎么把子页面添加进主页面的某个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);  
            });  

        });
2020-04-26 18:04 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复