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

拼接时代+动态创建时代+数据绑定时代

时间:2016-09-06 21:09:25      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:

拼接时代

直接上例子看吧

 1 this.images=[//json格式的数据 必须双引号 必须键值对形式
 2             {small:‘../images/s11.jpg‘,big:‘../images/s11.jpg‘},
 3             {small:‘../images/s12.jpg‘,big:‘../images/s12.jpg‘},
 4             {small:‘../images/s13.jpg‘,big:‘../images/s13.jpg‘}
 5         ]
 6 
 7 bindDOMImageOld:function(){//数据拼接的基本方式(基本都是数组形式的)
 8         var str=‘‘
 9         for(var i= 0,len=this.images.length;i<len;i++) {
10             str+=‘<li>‘
11                 str+=‘<img class="etalage_thumb_image" src="‘+ this.images[i].small+‘" class="img-responsive" />‘
12                 str+=‘<img class="etalage_source_image" src="‘+ this.images[i].small+‘" class="img-responsive" />‘
13             str+=‘</li>‘
14         }
15         $(‘#etalage‘).html(str)

 

 

 

动态创建时代

 

 

 

数据绑定时代

 

 

//arttemplate语法:返回拼接好并绑定好的数据

模板的方式只是多一种数据绑定的方式;

拼接时代+动态创建时代+数据绑定时代

标签:

原文地址:http://www.cnblogs.com/uiiu/p/5846959.html

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