老師請問這個是有甚麼公用呢?

正在回答

登陆购买课程后可参与讨论,去登陆

4回答

同学你好,userproductmanagement.js的第63行处用到了id,但id并没有定义。同学可以去找自己的项目中userproductmanagement.js文件,看一下有没有错。祝学习愉快~

提问者 齊帥 2020-05-29 09:23:01

http://img1.sycdn.imooc.com//climg/5ed0636d0994d08607910916.jpg老師那為什麼這裡會出現此問題?

以下是我的程式碼

$(function() {

var loading = false;

var maxItems = 20;

var pageSize = 10;

// 获取顾客消费记录列表的URL

var listUrl = '/o2o/shopadmin/listuserproductmaps';

var pageNum = 1;

var userName = '';

addItems(pageSize, pageNum);

// 按照查询条件获取消费记录列表,并生成对应的HTML元素添加到页面中

function addItems(pageSize, pageIndex) {

// 生成新条目的HTML

var url = listUrl + '?pageIndex=' + pageIndex + '&pageSize=' + pageSize

+ '&userName=' + userName;

loading = true;

$.getJSON(url, function(data) {

if (data.success) {

// 获取总数

maxItems = data.count;

var html = '';

data.userProductMapList.map(function(item, index) {

html += '<div class="row row-shop"><div class="col-40">'

+ item.shop.shopName + '</div><div class="col-40">'

+ item.product.productName

+ '</div><div class="col-20">'

+ item.user.name + '</div></div>';

});

$('.product-wrap').append(html);

var total = $('.list-div .card').length;

if (total >= maxItems) {

// 加载完毕,则注销无限加载事件,以防不必要的加载

$.detachInfiniteScroll($('.infinite-scroll'));

// 删除加载提示符

$('.infinite-scroll-preloader').remove();

return;

}

pageNum += 1;

loading = false;

$.refreshScroller();

}

});

}


// 无极滚动,分页显示

$(document).on('infinite', '.infinite-scroll-bottom', function() {

if (loading)

return;

addItems(pageSize, pageNum);

});


// 绑定搜索事件,这里主要按照产品名模糊查询

$('#search').on('change', function(e) {

userName = e.target.value;

$('.product-wrap').empty();

pageNum = 1;

addItems(pageSize, pageNum);

});

// 若点击"我的",则显示侧栏

$('#me').click(function() {

$.openPanel('#panel-right-demo');

});

$.init();

});


好帮手慕阿慧 2020-05-28 19:05:01

同学你好,这里是一个移动端的项目,$.init();是保证滑动时正确加载数据的,这是我们前端框架中为我们制造好的轮子,拿来使用就可以了。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

提问者 齊帥 2020-05-28 17:50:54

這個代碼的功能是什麼?

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师