kjh.api.55128.cn_old/CP.Web/Views/Skills/Index.cshtml

@{
    Layout = "~/Views/Shared/_zt.cshtml";
    Page.Title = "彩吧助手技巧首页";
    Page.Description = "彩吧助手网彩票术语频道主要为广大彩民提供双色球技巧、福彩3D技巧、大乐透玩法技巧等彩票术语知识和各种彩票玩法规则，希望能够帮助广大彩民玩转彩票";
    Page.Keywords = "福彩3D彩票技巧,福彩3D彩票玩法,福彩3D彩票技巧,福彩3D常用技巧,彩票常用技巧";
    var nameList = new CP.Business.SkillsBLL().GetTypeName();
}
<div class="wrap">
    <div class="navbar">
        <span>当前位置：</span><a href="/">首页</a> - 技巧
    </div>
    <div class="container">
        <div class="term-wrap skills-wrap">
            <div class="term-menu">

                <div class='menu-item active'>
                    <!-- 注意 span的class show / hide-->
                    <h2 class='first-menu'>技巧 <span class='show'></span></h2>
                    <ul>
                        @foreach (var item in nameList)
                        {
                            if ((string.IsNullOrEmpty(ViewBag.TypeNmae) && nameList.IndexOf(item) == 0) || item == ViewBag.TypeNmae)
                            {
                                <li class='active'><a>@item</a></li>
                            }
                            else
                            {
                                <li><a>@item</a></li>
                            }
                        }

                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    var typeName = "";
    $(function () {
        typeName = $(".term-wrap").find("li[class=active]").find('a').text();
        page(1);
    })

    //$('.term-wrap').on('click', '.menu-item h2', function () {
    //    var hasClass = $(this).parents('.menu-item').hasClass('active');
    //    if (!hasClass) {
    //        $('.term-wrap .menu-item').removeClass('active');
    //        $(this).parents('.menu-item').addClass('active');
    //        $('.term-wrap .menu-item h2 span').removeClass('show').addClass('hide');
    //        $(this).find('span').removeClass('hide').addClass('show');
    //    } else {
    //        $(this).parents('.menu-item').removeClass('active');
    //         $(this).find('span').addClass('hide').removeClass('show');
    //    }
    //});
    $(".menu-item").delegate("li", "click", function () {
        $(".menu-item").find("li").each(function () {
            $(this).removeClass("active");
        });
        $(this).addClass("active");
        typeName = $(this).find('a').text();
        page(1)
    })
    $(".term-wrap").delegate(".skills-content a", "click", function () {
        if ($(this).attr("name") == -1)
            return
        page($(this).attr("name"));
    })

    function page(page) {
        var size = 20;
        $.get("/skillsPageData_" + typeName + "_" + page + "_" + size, function (result) {
            $(".skills-content").remove();
            $(".term-wrap").append(result);
        });
    }

</script>