MUI 解决动态列表页图片懒加载再次加载不成功的bug问题

在项目开发中遇到这样的功能，要求实现列表页动态加载功能，在实现过程中遇到一些小小插曲，下面小编给大家详细说明下解决方法：

首次加载时图片可以获取成功，再次加载失败，通过chrome调试发现img 的 data-lazyload 属性没改变

调试的时候发现了bug

$.fn.imageLazyload = function(options) {
    var lazyloadApis = [];
    this.each(function() {
      var self = this;
      var lazyloadApi = null;
      if (self === document || self === window) {
        self = document.body;
      }
 //对，bug就在这，判定时如果body已有该属性，就不在加载了，整体的代码没看明白，注释太少了啊
      var id = self.getAttribute('data-imageLazyload');
      if (!id) {
        id = ++$.uuid;
        $.data[id] = lazyloadApi = new ImageLazyload(self, options);
        self.setAttribute('data-imageLazyload', id);
      } else {
        lazyloadApi = $.data[id];
      }
      lazyloadApis.push(lazyloadApi);
    });
    return lazyloadApis.length === 1 ? lazyloadApis[0] : lazyloadApis;
  }

问题找到了，那么就在再次加载数据时，清除该属性就ok了

document.body.removeAttribute('data-imagelazyload');
  mui(document).imageLazyload({
    placeholder: '../../images/img_head3.png'
  });

以上所述是小编给大家介绍的MUI 解决动态列表页图片懒加载再次加载不成功的bug问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# mui  # 图片懒加载  # MUI Scroll插件的使用详解  # MUI 上拉刷新/下拉加载功能实例代码  # mui上拉加载功能实例详解  # jQuery基于muipicker实现仿ios时间选择  # 加载  # 小编  # 给大家  # 就在  # 首次  # 在此  # 已有  # 详细说明  # 解决方法  # 所述  # 不成功  # 给我留言  # 感谢大家  # 过程中  # 疑问请  # 有任何  # 发现了  # 找到了  # 就在这  # 太少了 

相关文章： PHP 500报错的快速解决方法  建站之星官网登录失败？如何快速解决？  网站专业制作公司,网站编辑是做什么的？好做吗？工作前景如何？  企业微网站怎么做,公司网站和公众号有什么区别？  建站主机数据库如何配置才能提升网站性能？  如何制作算命网站,怎么注册算命网站？  在线制作视频的网站有哪些,电脑如何制作视频短片？  宠物网站制作html代码,有没有专门介绍宠物如何养的网站啊？  Python多线程使用规范_线程安全解析【教程】  网站制作网站,深圳做网站哪家比较好？  Python如何创建带属性的XML节点  如何在景安服务器上快速搭建个人网站？  再谈Python中的字符串与字符编码（推荐）  javascript中对象的定义、使用以及对象和原型链操作小结  如何访问已购建站主机并解决登录问题？  小型网站建站如何选择虚拟主机？  ,如何利用word制作宣传手册？  微课制作网站有哪些,微课网怎么进？  如何在IIS服务器上快速部署高效网站？  如何在IIS中新建站点并配置端口与物理路径？  网站设计制作企业有哪些,抖音官网主页怎么设置？  建站之星2.7模板：企业网站建设与h5定制设计专题  建站之星伪静态规则如何设置？  微网站制作教程,不会写代码，不会编程，怎么样建自己的网站？  攀枝花网站建设,攀枝花营业执照网上怎么年审？  成都响应式网站开发,dw怎么把手机适应页面变成网页？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  表情包在线制作网站免费,表情包怎么弄？  西安大型网站制作公司,西安招聘网站最好的是哪个？  建站上传速度慢？如何优化加速网站加载效率？  宝塔建站无法访问？如何排查配置与端口问题？  如何设置并定期更换建站之星安全管理员密码？  如何选择最佳自助建站系统？快速指南解析优劣  个人摄影网站制作流程,摄影爱好者都去什么网站？  制作营销网站公司,淘特是干什么用的？  建站之星如何一键生成手机站？  存储型VPS适合搭建中小型网站吗？  定制建站哪家更专业可靠？推荐榜单揭晓  代购小票制作网站有哪些,购物小票的简要说明？  教学网站制作软件,学习*后期制作的网站有哪些？  建站之星如何助力企业快速打造五合一网站？  建站中国官网：模板定制+SEO优化+建站流程一站式指南  网站制作公司广州有几家,广州尚艺美发学校网站是多少？  如何用AWS免费套餐快速搭建高效网站？  香港服务器部署网站为何提示未备案？  香港服务器网站卡顿？如何解决网络延迟与负载问题？  台州网站建设制作公司,浙江手机无犯罪记录证明怎么开？  实例解析angularjs的filter过滤器  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  南京网站制作费用,南京远驱官方网站？