关于mui-active的bug

底部nav栏目：
每个页面的html代码

<nav class="mui-bar mui-bar-tab">  
            <a class="mui-tab-item mui-active" id="index_btn" href="#nogo">  
                <span class="mui-icon mui-icon-home"></span>  
                <span class="mui-tab-label">首页</span>  
            </a>  
            <a class="mui-tab-item" href="#nogo"  id="hot_btn">  
                <span class="mui-icon mui-icon-info"></span>  
                <span class="mui-tab-label">热门</span>  
            </a>   
            <a class="mui-tab-item " href="#nogo" id="search_btn">  
                <span class="mui-icon mui-icon-search"></span>   
                <span class="mui-tab-label">搜索</span>  
            </a>  
            <a class="mui-tab-item" href="#nogo" id="user_btn" >  
                <span class="mui-icon mui-icon-person"></span>  
                <span class="mui-tab-label">我的</span>  
            </a>  
        </nav>

每个页面的js代码

        //首页  
        document.getElementById('index_btn').addEventListener('tap',function(){  
            openWin('index.html','index',null);  
        });  
            //热门  
        document.getElementById('hot_btn').addEventListener('tap',function(){  
            openWin('hot.html','hot',null);  
        });  

        //我的  
        document.getElementById('user_btn').addEventListener('tap',function(){  
            if(checklogin()){  
                openWin('user.html','user',null);  
            }else{  
                openWin('login.html','login',null);  
            }  

        });

四个页面，我在不同的页面都设置了mui-active ，系统一进入是首页，当点击热门时，热门的mui-active就有效，但是第二次再点击其他页面时，mui-active会错乱，比如点了首页，但是mui-active却显示在搜索那里，再chrome浏览器下没有问题，但是再手机（我就测试了华为mate和iphone 4s的）就会出现上述问题