pic报错。。。
来源:2-9 首页-商家列表(3)
ZZZZZzn
2020-07-08 21:59:23
(function(){
//商家详情的模版字符串
var itemTmp = '<div class="r-item-content">'+
'<img class="item-img" src= $pic_url/>'+
'$brand'+
'<div class="item-info-content">'+
'<p class="item-title">$name</p>'+
'<div class="item-desc">'+
'<div class="item-score">$wm_poi_score</div>'+
'<div class="item-count">月售$monthNmu</div>'+
'<div class="item-time">$mt_delivery_time |</div>'+
'</div>'+
'<div class="item-price">'+
'<div class="item-pre-price">$min-price-tip</div>'+
'</div>'
'div class="item-others">'+
'$others'+
'</div>'+
'</div>'+
'</div>';
// 获取商家列表数据
function getList(){
$.get('../json/homelist.json',function(data){
console.log(data)
var list = data.data.poilist || [];
initContentList(list);
})
}
// 渲染列表 数据
function initContentList(list){
list.forEach(function(item,index){
var str = itemTmp;
.replace('$pic_url',item.pic_url)
.replace('$name',item.name);
$('.list-wrap').append($(str))
})
}
function init() {
getList();
}
init();
})();
1回答
好帮手慕星星
2020-07-09
同学你好,代码中问题如下:
1、img标签闭合 /与前面变量需要有间隙,否则图片加在不正确,参考修改
2、调用replace方法的时候元素后面不需要加分号,否则语法错误报错。参考修改
自己再测试下,祝学习愉快!
相似问题