.load单页面应用

html:

<div class="nav-wrap" id="course-tab">
    <ul class="flt">
        <li><a href="javascript:;" nav="shou-ye">首页</a></li>
        <li><a href="javascript:;" nav="shi-yong">试用</a></li>
        <li><a href="javascript:;" nav="xin-pin">新品</a></li>
        <li><a href="javascript:;" nav="zhe-kou">折扣</a></li>
        <li><a href="javascript:;">清单</a></li>
        <li><a href="javascript:;">体验</a></li>
        <li><a href="javascript:;">体验师</a></li>
        <li><a href="javascript:;">App下载</a></li>

   $(".nav-wrap li a").click(function () {
        var nav=$(this).attr("nav")
        console.log(nav)
        $("#sec").load(nav+"/"+nav+".html")
    })
})