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&nbsp;|</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标签闭合 /与前面变量需要有间隙,否则图片加在不正确,参考修改

http://img.mukewang.com/climg/5f06796509a1bb5c05970122.jpg

2、调用replace方法的时候元素后面不需要加分号,否则语法错误报错。参考修改

http://img.mukewang.com/climg/5f067991095b872d06160373.jpg

自己再测试下,祝学习愉快!

0

0 学习 · 6815 问题

查看课程