救命呀!!!!!!!!!!!!!!!

提问 未结 2 272
Crown
Crown 2019-1-18
悬赏:20飞吻
版本:layui 浏览器:
动态加载的数据怎么绑定 评分组件呀 没用啊!!!!
回帖
  • 可以先把代码贴出来!
    1 回复
  • Crown
    2019-1-18

    //流加载
    //LayUi监听器
    layui.use('flow', function () {
    var flow = layui.flow;
    //流加载
    flow.load({
    elem: '.Shop' //流加载容器
    , done: function (page, next) { //执行下一页的回调
    //模拟数据插入
    setTimeout(function () {
    var lis = [];
    layui.each(data, function (index, item) {
    lis.push('<div class="sping" style="width:25%" > ' +
    ' <a href="/Hsx/Hu/merchant">' +
    '<img onfocus="fouc(this)" src="' + item.img + '"/>' +
    ' <p class="title xi">' + item.name + '</p>' +
    ' <div><div class="test1"></div></div>' +
    '<p style="font-size:12px ;color:#808080;font-weight:300">配送费¥<span>' + item.psf + '</span></p>' +
    ' <div style="font-size:14px ;color:#999999;font-weight:300;letter-spacing:2px;padding-left:15px;margin-top:10px">39分钟</div>' +
    '</a>' +
    '<div class="xuan">' +
    ' <p class="title">' + item.name + '</p>' +
    '<p style="font-size:13px;color:#999999;font-weight:100"><span>' + item.tname + ' </span></p>' +
    ' <hr />' +
    '<div class="xBox">' +
    '<span style="padding-right:25px">配送费:' + item.psf + '</span>' +
    '<span style="color:#DDDDDD;padding-right:80px">|</span>' +
    '<span style="margin-left:-30px" >平均50分钟送到</span>' +

    '</div>' +
    '<br />' +
    '<p style="font-size:12px;padding-left:10px">' +
    '' + item.xq + '' +
    '</p>' +
    ' <div class="shop-specmenu-arrow"></div>' +
    '</div>' +
    ' </div>')
    });
    //执行下一页渲染,第二参数为:满足“加载更多”的条件,即后面仍有分页
    //pages为Ajax返回的总页数,只有当前页小于总页数的情况下,才会继续出现加载更多
    next(lis.join(''), page <data.pages); //总页数
    }, 1000);
    }
    });
    });

    我使用的是流加载加载数据 然后<div class='test1'> 是绑定了评分组件
    0 回复