Hairow
Hairow
  • 发布:2016-01-21 13:54
  • 更新:2016-01-21 13:54
  • 阅读:2043

helloMUI中的菜单问题,第一次显示菜单有动画,后续显示则无动画效果

分类:MUI

index.html中的显示菜单函数:


            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;  
                    });  
                }  
            };  

如何修改,能让菜单的显示过程每次都有动画效果?

2016-01-21 13:54 负责人:无 分享
已邀请:

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