码迷,mamicode.com
首页 > 其他好文 > 详细

template与图片懒加载

时间:2016-05-23 14:40:39      阅读:258      评论:0      收藏:0      [点我收藏+]

标签:

第一种方式:

 1       <script id="t2" type="text/template"> 
 2         <%_.each(data, function(item) {%> 
 3           <div class="ub ub-ac row-info" id="<%=item.objectId&item.userId%>">
 4               <div class="img-size5 mgn-left mgn-right ub-img icon-touxiang <%=dealIcon(item.userIcon)%>" id="icon<%=item.userId%>"></div>
 5               <div class="ub-f1 ub-ac">
 6                 <div class="fs2 bfc2"><%=item.name||item.fullName%></div>
 7                 <div class="fs2 bfc3 mgn-top"><%=item.roleName%></div>
 8               </div>
 9           </div>
10          <%});%>
11       </script>
 1 var datas = appcan.getLocVal(‘GZBD_RECEIVES‘);
 2            datas = JSON.parse(datas);
 3            var templ = _.template($("#t2").html());
 4            $("#container").html(templ({data:datas,dealIcon:function(icon){
 5                 if (icon)
 6                     return ‘lazy" data-original="‘ + imgUrl + icon;
 7                 return "";
 8            }}));
 9            $(".lazy").lazyload({
10                 cache: true
11            })

 

template与图片懒加载

标签:

原文地址:http://www.cnblogs.com/jiemoo/p/5519688.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!