hlzyWeb/Templates/common/Skin-VActivityList.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<hi:common_header runat="server" />
<link href="../templates/common/css/activities.css" rel="stylesheet" />
<style type="text/css">
    .activityimg img {width:620px;height:200px;}
</style>
<div class="container">
    <header>
        <ul class="clearfix prizeBtn">
            <li class="active" act="0">所有活动</li>
            <li act="1">积分兑换</li>
            <li act="2">满减活动</li>
            <li act="3">优惠券</li>
            <li act="4">其他活动</li>
        </ul>
    </header>
    <div class="content">
        <div class="tabList">
            <div class="activityTopic" id="actList">

            </div>
        </div>
        <p class="text-center list-empty hide" id="empty">
            暂无相关活动
        </p>
    </div>
</div>
<script src="/Utility/bootflat/js/jquery-1.10.1.min.js"></script>
<script src="/Utility/bootflat/js/bootstrap.min.js"></script>
<script type="text/javascript">
    $(function () {
        $('.prizeBtn li').click(function () {
            $('.prizeBtn li').removeClass('active');
            $(this).addClass('active');
            var act = $(this).attr("act");
            getData(act);
        })

        getData(0);
    });

	function getData(act) {
	    $.ajax({
	        type: "post",
	        url: "/API/Hi_Ajax_GetActivityTopics.ashx",
	        data: { act: act },
	        dataType: "json",
	        success: function (data) {
	            $('#actList').empty();
	            if (data.length > 0) {	                
	                insertHtml(data);
	            }
	            else
	            {
	                $('#empty').removeClass('hide');
	            }
	        }
	    });
	}

	function insertHtml(data)