首页 > 代码库 > 拼接时代+动态创建时代+数据绑定时代
拼接时代+动态创建时代+数据绑定时代
拼接时代
直接上例子看吧
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="http://www.mamicode.com/‘+ this.images[i].small+‘" class="img-responsive" />‘12 str+=‘<img class="etalage_source_image" src="http://www.mamicode.com/‘+ this.images[i].small+‘" class="img-responsive" />‘13 str+=‘</li>‘14 }15 $(‘#etalage‘).html(str)
动态创建时代
数据绑定时代
//arttemplate语法:返回拼接好并绑定好的数据
模板的方式只是多一种数据绑定的方式;
拼接时代+动态创建时代+数据绑定时代
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。