侧滑菜单在手机上点击a标签和自定义的menuid没反应，电脑浏览器正常

代码如下：
<!-- 侧滑导航根容器 -->
<div class="mui-off-canvas-wrap mui-draggable">
<!-- 菜单容器 -->
<aside class="mui-off-canvas-left">
<div class="mui-scroll-wrapper">
<div class="mui-scroll">
<!-- 菜单具体展示内容 -->
wocao
</div>
</div>
</aside>
<!-- 主页面容器 -->
<div class="mui-inner-wrap">
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav">
<a id="menuid" class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#" onclick="shmenu(this.href)"></a>
<h1 class="mui-title">{$SET_LOGOTEXT}</h1>
</header>
<div class="mui-content mui-scroll-wrapper">
<div class="mui-scroll" style="background-color:white;">
<!-- 主界面具体展示内容 -->
{$readlist}
<style>
.footer {
margin-top: 30px;
font-size: 0.8em;
background: #666;
color: #E9E9E9;
padding: 20px 10px 10px 10px;
text-align: center;
}
.footer a {
color: #E9E9E9;
}
</style>
<div class="footer">
{$SET_FOOTERHTMLCODE}
<br>Powered by <a target="_blank" href="http://www.hadsky.com/?from={$DOMAIN}">puyuetian</a>
</div>
</div>
</div>
</div>
</div>
<script>
function shmenu($href) {
if ($href == '#') {
document.getElementById("menuid").href = 'javascript:';
mui('.mui-off-canvas-wrap').offCanvas('show');
} else {
document.getElementById("menuid").href = '#';
mui('.mui-off-canvas-wrap').offCanvas('close');
}
}
</script>