jquery jquery插件infinite scroll <%each list as goods%> 模板 产品循环
来源:互联网 发布:国内gis软件 编辑:程序博客网 时间:2024/06/06 01:19
<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>
- jquery jquery插件infinite scroll <%each list as goods%> 模板 产品循环
- jquery插件(二):Infinite Scroll–无限分页
- jQuery Infinite Ajax Scroll(ias) 分页插件介绍
- infinite-scroll插件使用
- Jquery跳出each循环
- Jquery跳出each循环
- jquery each循环
- jquery 跳出each循环
- jquery each循环
- jquery 跳出each循环
- Jquery跳出each循环
- Jquery跳出each循环
- Jquery跳出each循环
- jQuery的each循环
- JQuery $.each跳出循环
- jquery 跳出each循环
- jquery 跳出each循环
- jquery跳出each循环
- linux-iptables nat设置路由转换
- 如何让apache支持.htaccess 解决Internal Server Error The server …错误
- 如何在无光驱情况下,使用BootCamp进行分区
- Ubuntu里node命令无效解决方法
- android mina 客户端无法接收信息的原因
- jquery jquery插件infinite scroll <%each list as goods%> 模板 产品循环
- TCP/IP 端口的分配
- Android布局控件之LinearLayout详解
- 在linux中安装MySQL(Ubuntu)
- 智力题——1红蓝墨水
- OpenGL:显示列表
- i++的线程安全性
- redis菜鸟教程
- hibernate HQL查询参数设置