爱慕啼
爱慕啼
  • 发布:2015-09-19 17:46
  • 更新:2018-07-29 21:17
  • 阅读:2291

登录页面进index主页之后,主页点侧滑菜单就变成了登录页面

分类:MUI

把当前的登陆页close(),hide()都没用,index页面也设置了zindex=0,

document.getElementById("go-index").addEventListener('tap',function(){  
                    var ww= plus.webview.currentWebview();  
                    plus.webview.hide(ww);  
                    mui.openWindow({  
                        id:'index',  
                        styles: {  
                                zindex: 0  
                            }  
                        });  
    });

主页面上的侧滑是直接抄的mui

main = plus.webview.currentWebview();  
main.addEventListener("maskClick", closeMenu);  

setTimeout(function() {  
                        menu = mui.preload({  
                            url: 'sidebar.html',  
                            id: 'sidebar',  
                            styles: {  
                                left: 0,  
                                width: '70%',  
                                zindex: -1  
                            },  
                            show: {  
                                aniShow: 'none'  
                            }  
                        });  
                    }, 500);  
var isInTransition = false;  
             //显示侧滑菜单  
            function openMenu() {  
                if (isInTransition) {  
                    return;  
                }  
                if (!showMenu) {  
                    //侧滑菜单处于隐藏状态,则立即显示出来;  
                    isInTransition = true;  
                    menu.setStyle({  
                        mask: 'rgba(0,0,0,0)'  
                    }); //menu设置透明遮罩防止点击  
                    menu.show('none', 0, function() {  
                        //主窗体开始侧滑并显示遮罩  
                        main.setStyle({  
                            mask: 'rgba(0,0,0,0.4)',  
                            left: '70%',  
                            transition: {  
                                duration: 150  
                            }  
                        });  
                        mui.later(function() {  
                            isInTransition = false;  
                            menu.setStyle({  
                                mask: "none"  
                            }); //移除menu的mask  
                        }, 160);  
                        showMenu = true;  
                    });  
                }  
            };  
             //关闭侧滑菜单  
            function closeMenu() {  
                if (isInTransition) {  
                    return;  
                }  
                if (showMenu) {  
                    //关闭遮罩;  
                    //主窗体开始侧滑;  
                    isInTransition = true;  
                    main.setStyle({  
                        mask: 'none',  
                        left: '0',  
                        transition: {  
                            duration: 200  
                        }  
                    });  
                    showMenu = false;  
                    //等动画结束后,隐藏菜单webview,节省资源;  
                    mui.later(function() {  
                        isInTransition = false;  
                        menu.hide();  
                    }, 300);  
                }  
            };  
            document.querySelector(".mui-icon-bars").addEventListener("tap", function() {  
                if (showMenu) {  
                    closeMenu();  
                } else {  
                    openMenu();  
                }  
            });  
            document.querySelector("header").addEventListener("doubletap", function() {  
                main.children()[0].evalJS("mui.scrollTo(0,100)");  
            });
2015-09-19 17:46 负责人:无 分享
已邀请:
learner

learner

你的菜单页面的处在登录页面之下,因为在登录成功之后预加载菜单页面时,将其zindex设置为了-1.也就是这一句

menu = mui.preload({  
                            url: 'sidebar.html',  
                            id: 'sidebar',  
                            styles: {  
                                left: 0,  
                                width: '70%',  
                                zindex: -1  
                            },  
                            show: {  
                                aniShow: 'none'  
                            }  
                        });

只要将zindex改为0就好了。

  • 切克闹

    您好,有个奇怪的问题是把zindex=0时,侧滑菜单打开会不流畅?

    我拿hello mui试了也是那种效果?

    2015-10-07 12:24

  • 1***@qq.com

    回复 切克闹:不流畅怎么解决的?

    2017-05-11 08:54

bluesea

bluesea

改成0了 侧滑的时候回闪屏 还有就是返回的时候侧滑的菜单回变成登录页面

n***@qq.com

n***@qq.com

改成0了 侧滑的时候回闪屏 还有就是返回的时候侧滑的菜单回变成登录页面

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