jquery jquery插件infinite scroll <%each list as goods%> 模板 产品循环

    <p class="index-title padding-all text-c">猜你喜欢</p>
    <section class="product-list j-product-list product-list-medium" data="1">
<script id="j-product" type="text/html">
<ul>
<%each list as goods%>
<li>
<div class="product-div">
<a class="product-div-link" href="<%goods.url%>"></a>
<img class="product-list-img" src="<%goods.goods_thumb%>" />
<div class="product-text">
                        <h4><%goods.goods_name%></h4>
                        <p><span class="p-price t-first "><%if goods.is_promote > 0%><%goods.promote_price%><%else%><%goods.shop_price%><%/if%><small></small></span></p>
                        <a href="javascript:void(0)" class="icon-flow-cart fr j-goods-attr"><i class="iconfont icon-gouwuche"></i></a>
                    </div>
</div>
</li>
<%/each%>
</ul>
</script>
    </section>

<!-- jquery-ui-1.10.1.custom.min.js和jquery.ui.touch-punch.min.js使jquery 拥有手机touch事件-->

<script src="{__TPL__}js/jquery-ui-1.10.1.custom.min.js " type="text/javascript "></script>
<script src="{__TPL__}js/jquery.ui.touch-punch.min.js "></script>
<script type="text/javascript" src="{__PUBLIC__}script/jquery.infinite.js"></script>
<script type="text/javascript" src="{__PUBLIC__}script/template.js"></script>


<!--script for this page only-->
<script type="text/javascript " src="{__TPL__}js/jquery.scrollUp.min.js "></script>
<script type="text/javascript ">
    $(function($) {
        var mySwiper = new Swiper('.banner-first', {
            autoplay: 4000,
            pagination: '.banner-first-pagination'
        });
        var mySwiper = new Swiper('.banner-second', {
            autoplay: 5000,
            pagination: '.banner-second-pagination'
        });
        var mySwiper = new Swiper('.banner-third', {
            autoplay: 5000,
            pagination: '.banner-third-pagination'
        });
        var mySwiper = new Swiper('.recom-container', {
            pagination: '.recom-pagination',
            slidesPerView: 1,
            paginationClickable: true
        });
        var mySwiper = new Swiper('.brand-container', {
            pagination: '.brand-pagination',
            slidesPerView: 1,
            paginationClickable: true
        });
        var mySwiper = new Swiper('.hot-container', {
            slidesPerView: 4,
            paginationClickable: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev'
        });
    });
var url = "{U('async_list')}";
$('.product-list').infinite({url: url, template:'j-product'});
</script>