关于mui.back后退的怪异问题？？

var showMenu=false;  
mui.plusReady(function(){  
        //侧滑菜单  
        var menuoptions=qiao.h.page('menu',{  
            styles:{  
                left:"0px",  
                width:"70%",  
                zIndex:-1  
            }  
        });  
        menu = mui.preload(menuoptions);  

        //系统菜单按钮  
        mui.menu = openMenu;   

        //后退按钮  
        mui.back = function(){  
            if(showMenu){  
                closeMenu();  
            }  
        }  
})；  
        function openMenu(){  
        menu.show("none",0,function(){  
            main.setStyle({  
                mask:'rgba(0,0,0,0.4)',  
                left:"70%",  
                transition:{  
                    duration:150  
                }  
            });  

            showMenu=true;  
        });  
    }  

    function closeMenu(){  
        main.setStyle({  
            mask:'none',  
            left:'0',  
            transition:{  
                duration:100  
            }  
        });  

        showMenu=false;  
        menu.hide();  
    }

我是这样打开侧滑菜单的，但是为什么每次点后退按钮，第一次点无法触发mui.back这个事件，需要再点一次才能触发。而第一次点后退按钮的时候会使menu菜单内容消失，留下一片空白。第二次点击后退按钮，才触发closeMenu关闭菜单。实在调不通了，大神们，什么原因啊？