ajax 请求数据,然后返回来图片链接,用lazyload.js加载,怎么加载不出来

小姐,借一个吻 2019-07-16 04:45:09

$(document).on("click",".Nav-item",function(){
$.ajax({
type:'get',
url:'/Store/Category/index?do=getSonCategory',
data:data,
async:false,
dataType:'json',
success:function(jsonData) {
// console.log("flag");
// console.log(jsonData);
if(jsonData.state) {
var goods = jsonData.goods;
var html;
$.each(goods, function (key, item) {
html = ' <img src="__STATIC__/img/sysImgs/loading.gif" class="img' + key + '" data-original="' + item.img + '">\n';
})
$('.uls').append(html);
is(html);
}

}
})
})
function is(html) {
$("img.lazy",html).lazyload({
placeholder : "__STATIC__/img/sysImgs/loading.gif",
container:$('.uls'),
effect: "show",
});
console.log(html);
}

...全文
244 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
  • 打赏
  • 举报
回复
引用 2 楼 潇湘忆梦 的回复:
你试试下面这种方式,我没有试过: var $el=$(html); $("img.lazy",$el).lazyload ({...});
引用 1 楼 三岁打酱油 的回复:
用img src能否显示图片?

$(document).on("click",".Nav-item",function(){
          $.ajax({
              type:'get',
              url:'/Store/Category/index?do=getSonCategory',
              data:data,
              async:false,
              dataType:'json',
              success:function(jsonData) {
                  // console.log("flag");
                  // console.log(jsonData);
                  if(jsonData.state) {
                      var goods = jsonData.goods;
                      var html;
                      $.each(goods, function (key, item) {
                          html = '            <img src="__STATIC__/img/sysImgs/loading.gif" class="img' + key + '" data-original="' + item.img + '">\n';
                      })
                      $('.uls').append(html);
                      is();
                  }
 
              }
          })
      })
   function is() {
       $("img",$('.uls')).lazyload({
           placeholder : "__STATIC__/img/sysImgs/loading.gif",
           container:$('.uls'),
           effect: "fadeIn",
           threshold:1000,
           skip_invisible:false,
           effectspeed:1000
       });
   }

已解决 这样可以实现图片缓加载
潇湘忆梦 2019-07-16
  • 打赏
  • 举报
回复
你试试下面这种方式,我没有试过: var $el=$(html); $("img.lazy",$el).lazyload ({...});
jio可 2019-07-16
  • 打赏
  • 举报
回复
用img src能否显示图片?
内容概要:本文介绍了一个基于Python多智能体的作业批改反馈协同辅助系统的设计与实现。系统通过构建多个专业智能体(如题目解析、答案分析、代码审查、评分、反馈生成和审核协调等),实现对多样化作业内容(包括文本、代码、实验报告等)的自动化批改与反馈生成。项目采用模块化架构,涵盖数据接入标准化、任务调度与状态管理、多智能体异步协同、评分与证据建模、反馈生成与质量控制等核心模型。系统强调批改过程的可解释性与教育价值,保留评分依据与错误证据,并支持人工复核与教学数据追溯。通过FastAPI提供接口服务,支持本地运行或集成至在线教学平台。; 适合人群:具备一定Python编程基础,熟悉Web开发、异步编程与数据建模的开发者,尤其是从事教育科技、智能评测系统研发的技术人员或高校研究人员;也适用于希望了解多智能体系统在教育场景中应用的教学设计者。; 使用场景及目标:① 解决传统作业批改效率低、评分不一致、反馈空泛等问题;② 实现多类型作业(如程序设计、论述题、实验报告)的自动化分析与结构化评分;③ 生成具有错误定位、原因分析与改进建议的高质量学习反馈;④ 构建可扩展、可追溯、可集成的教学辅助平台,支持后续接入更多智能体与教学功能; 阅读建议:此资源以实际项目为导向,结合模型设计与代码示例(如Pydantic数据校验、ast代码分析、asyncio异步协同、FastAPI接口等),建议读者结合代码实践,深入理解多智能体协同机制与教育系统工程化实现方法,并可根据具体教学需求进行功能拓展与优化。

87,985

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧