mui 页面间相互切换多次 结果白屏

现在在底部选项卡定义了两个相互切换的页面，一个index.html,一个message.html，忽视选项卡上面的active class，其他都是同样的代码<nav class="mui-bar mui-bar-tab" id="nav">
<a class="mui-tab-item mui-active" href="index.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">实时新闻</span>
</a>
<a class="mui-tab-item" href="message.html">
<span class="mui-icon mui-icon-chat"></span>
<span class="mui-tab-label">我的消息</span>
</a>
</nav>

引入同样的js 文件内容为下
(function($) {
mui.init({
});
var slider = mui("#slider");
slider.slider({
interval: 3000
});
$('#nav').on('tap', 'a', function() {
var id = this.getAttribute('href');
mui.openWindow({
id: id,
url: this.href,
show:{
autoShow:true,//页面loaded事件发生后自动显示，默认为true
},
waiting:{
autoShow:true,
title:'页面加载中,请稍后.....'
}
});
});
})(mui);

刚开始三次相互切换正常，差不多3次以后就白屏了，什么都看不到，这是什么原因，本人新手，还在学习中，求大神解答