求解，下述导航栏中，无法点击转到相应页面
<body>
<div class="app">
<header class="header">
<h1 align="justify">中心</h1>
</header>
<div class="container">
<aside class="left">
<ul>
<li data-id="delegation"><a>单位</a></li>
<li data-id="points"><a>分数</a></li>
<li data-id="reg_match_list"><a>汽车</a></li>
<li data-id="match_info"><a>信息</a></li>
<li data-id="athlete"><a>人员</a></li>
</ul>
</aside>
<div class="main" id="content">
</div>
</div>
</div>
</body>
<script>
$(function() {
$(".userMenu").on("click", "li", function() {
var sId = $(this).data("id"); //获取data-id的值
window.location.hash = sId; //设置锚点
loadInner(sId);
});
function loadInner(sId) {
var sId = window.location.hash;
var pathn, i;
switch(sId) {
case "#delegation":
pathn = "delegation.php";
i = 0;
break;
case "#points":
pathn = "points.php";
i = 1;
break;
case "#reg_match_list":
pathn = "reg_match_list.php";
i = 2;
break;
case "#match_info":
pathn = "match_info";
i = 3;
break;
case "#athlete":
pathn = "athlete";
i = 4;
break;
default:
pathn = "delegation.php";
i = 0;
break;
}
$("#content").load(pathn); //加载相对应的内容
$(".userMenu li").eq(i).addClass("current").siblings().removeClass("current"); //当前列表高亮
}
var sId = window.location.hash;
loadInner(sId);
});
</script>
