底部选项卡无法调用js挑战页面

<footer class="mui-bar mui-bar-tab">
<a class="mui-tab-item mui-active" onclick="javascript:window.location.href='main.html'">
<span class="mui-icon "><img src="img/main.png"></span>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item" href="about.html">
<span class="mui-icon"><img src="img/main.png"></span>
<span class="mui-tab-label">商圈</span>
</a>
<a class="mui-tab-item" onclick="javascript:window.location.href='order.html'">
<span class="mui-icon "><img src="img/order.png"></span>
<span class="mui-tab-label">订单</span>
</a>
<a class="mui-tab-item " onclick="javascript:window.location.href='about.html'">
<span class="mui-icon "><img src="img/me1.png" ></span>
<span class="mui-tab-label">我的</span>
</a>
</footer>

移动端点击订单无法跳转页面。但是在pc端就可以正常跳转。求解答