waves
waves
  • 发布:2014-12-18 16:38
  • 更新:2014-12-18 16:38
  • 阅读:1757

侧滑页面不能正常显示

分类:MUI

1、登陆页

2、登陆之后的主页

3、进入主页后,侧滑么有正常显示,显示了启动页了

侧滑的代码我用就是demo里面的,如下:
var menu = null,list=null,mask = null;
var showMenu = false;

        mui.plusReady(function() {  
            if(mui.os.android){  
                plus.screen.lockOrientation("portrait-primary");  
            }  
            //处理侧滑导航,为了避免和子页面初始化等竞争资源,延迟加载侧滑页面;  
            setTimeout(function () {  
                console.log('setTimeout');  
                menu= mui.preload({  
                    id: 'my-profile',  
                    url: '../user/my-profile.html',  
                    styles: {  
                        left: 0,  
                        width: '70%',  
                        zindex: -1  
                    },  
                    show:{  
                        aniShow:'none'  
                    }  
                });  
            },200);  
        });  

        /**  
         * 显示侧滑菜单  
         */  
        function openMenu(){  
            if(!showMenu){  
                //侧滑菜单处于隐藏状态,则立即显示出来;  
                menu.show('none',0,function () {  
                    //主窗体开始侧滑;  
                    mui.currentWebview.setStyle({  
                        left:'70%',  
                        transition: {  
                            duration: 150  
                        }  
                    });  
                    showMenu = true;  
                });  
                //显示遮罩  
                setTimeout(function () {  
                    mask&&(mask.show('none'));    
                },150);  
            }  
        }  
        /**  
         * 关闭菜单  
         */  
        function closeMenu(){  
            if(showMenu){  
                //关闭遮罩;  
                mask&&(mask.hide());  
                //主窗体开始侧滑;  
                mui.currentWebview.setStyle({  
                    left: '0',  
                    transition: {  
                        duration: 200  
                    }  
                });  
                showMenu = false;  
                //等动画结束后,隐藏菜单webview,节省资源;  
                setTimeout(function () {  
                    menu.hide();  
                },300);   
            }  
        }
2014-12-18 16:38 负责人:无 分享
已邀请:

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