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生成高效IDC网络公司建站源码？  无锡营销型网站制作公司,无锡网选车牌流程？  广州网站建站公司选择指南：建站流程与SEO优化关键词解析  广德云建站网站建设方案与建站流程优化指南  测试制作网站有哪些,测试性取向的权威测试或者网站？  SAX解析器是什么，它与DOM在处理大型XML文件时有何不同？  建站之星如何开启自定义404页面避免用户流失？  企业微网站怎么做,公司网站和公众号有什么区别？  阿里云网站搭建费用解析：服务器价格与建站成本优化指南  潮流网站制作头像软件下载,适合母子的网名有哪些？  如何通过西部建站助手安装IIS服务器？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  宁波免费建站如何选择可靠模板与平台？  北京网站制作的公司有哪些,北京白云观官方网站？  长沙做网站要多少钱,长沙国安网络怎么样？  安徽网站建设与外贸建站服务专业定制方案  公司网站的制作公司,企业网站制作基本流程有哪些？  网站按钮制作软件,如何实现网页中按钮的自动点击？  大连网站制作费用,大连新青年网站，五年四班里的视频怎样下载啊？  定制建站是什么？如何实现个性化需求？  广州商城建站系统开发成本与周期如何控制？  如何在建站主机中优化服务器配置？  制作销售网站教学视频,销售网站有哪些？  合肥做个网站多少钱,合肥本地有没有比较靠谱的交友平台？  如何用5美元大硬盘VPS安全高效搭建个人网站？  Python路径拼接规范_跨平台处理说明【指导】  建站之星收费标准详解：套餐费用及年费价格表一览  如何选择网络建站服务器？高效建站必看指南  大型企业网站制作流程,做网站需要注册公司吗？  如何通过虚拟主机空间快速建站？  c++23 std::expected怎么用 c++优雅处理函数错误返回【详解】  代购小票制作网站有哪些,购物小票的简要说明？  微信小程序制作网站有哪些,微信小程序需要做网站吗？  浅析上传头像示例及其注意事项  网站制作公司哪里好做,成都网站制作公司哪家做得比较好，更正规？  如何高效搭建专业期货交易平台网站？  香港服务器如何优化才能显著提升网站加载速度？  济南企业网站制作公司,济南社保单位网上缴费步骤？  存储型VPS适合搭建中小型网站吗？  如何通过虚拟主机快速搭建个人网站？  详解jQuery停止动画——stop()方法的使用  如何用花生壳三步快速搭建专属网站？  ,南京靠谱的征婚网站？  网站制作公司排行榜,抖音怎样做个人官方网站  ,购物网站怎么盈利呢？  广州网站制作公司哪家好一点,广州欧莱雅百库网络科技有限公司官网？  如何通过远程VPS快速搭建个人网站？  上海制作企业网站有哪些,上海有哪些网站可以让企业免费发布招聘信息？