Javascript 延迟加载和混合插件的问题

我的延迟加载目标定位有问题。 每次我过滤我的列表（使用Mix-It-Up插件），我的图像不会在scrolldown上加载，因为LazyLoad是针对它的旧定位

---

如何强制Lazyload正确定位我的图像？

一个选项可能是使用MixItUp的回调功能。这是MixItUp文档。我使用onMixEnd调用我的延迟加载功能。这应该确保在延迟加载功能接管之前，所有映像都位于正确的位置

$(document).ready(function () {
    $('.container').mixItUp({       
        callbacks: {
            onMixEnd: function () {
                $("img.lazy").lazyload();       
            }
         }
     });
 });

---

一种选择可能是使用MixItUp的回调功能。这是MixItUp文档。我使用onMixEnd调用我的延迟加载功能。这应该确保在延迟加载功能接管之前，所有映像都位于正确的位置

$(document).ready(function () {
    $('.container').mixItUp({       
        callbacks: {
            onMixEnd: function () {
                $("img.lazy").lazyload();       
            }
         }
     });
 });

---

一种选择可能是使用MixItUp的回调功能。这是MixItUp文档。我使用onMixEnd调用我的延迟加载功能。这应该确保在延迟加载功能接管之前，所有映像都位于正确的位置

$(document).ready(function () {
    $('.container').mixItUp({       
        callbacks: {
            onMixEnd: function () {
                $("img.lazy").lazyload();       
            }
         }
     });
 });

---

一种选择可能是使用MixItUp的回调功能。这是MixItUp文档。我使用onMixEnd调用我的延迟加载功能。这应该确保在延迟加载功能接管之前，所有映像都位于正确的位置

$(document).ready(function () {
    $('.container').mixItUp({       
        callbacks: {
            onMixEnd: function () {
                $("img.lazy").lazyload();       
            }
         }
     });
 });

---

旧的jquerylazyload并不是真正为动态网页设计的。一般来说，插件只检查用户滚动。此外，它在运行时性能和内存管理方面也存在一些缺陷

我创建了一个lazyloader，它与所有其他lazyloader完全不同：它使用a）高效代码，b）自动检测当前和未来DOM元素的任何可见性更改

下面是一个简单的mixitup演示：

您需要做的一切就是添加并编写以下标记：

<img data-src="img.jpg" class="lazyload" />

---

旧的jquery lazyload并不是专门为动态网页设计的。一般来说，插件只检查用户滚动。此外，它在运行时性能和内存管理方面也存在一些缺陷

我创建了一个lazyloader，它与所有其他lazyloader完全不同：它使用a）高效代码，b）自动检测当前和未来DOM元素的任何可见性更改

下面是一个简单的mixitup演示：

您需要做的一切就是添加并编写以下标记：

<img data-src="img.jpg" class="lazyload" />

---

旧的jquery lazyload并不是专门为动态网页设计的。一般来说，插件只检查用户滚动。此外，它在运行时性能和内存管理方面也存在一些缺陷

我创建了一个lazyloader，它与所有其他lazyloader完全不同：它使用a）高效代码，b）自动检测当前和未来DOM元素的任何可见性更改

下面是一个简单的mixitup演示：

您需要做的一切就是添加并编写以下标记：

<img data-src="img.jpg" class="lazyload" />

---

旧的jquery lazyload并不是专门为动态网页设计的。一般来说，插件只检查用户滚动。此外，它在运行时性能和内存管理方面也存在一些缺陷

我创建了一个lazyloader，它与所有其他lazyloader完全不同：它使用a）高效代码，b）自动检测当前和未来DOM元素的任何可见性更改

下面是一个简单的mixitup演示：

您需要做的一切就是添加并编写以下标记：

<img data-src="img.jpg" class="lazyload" />

这种方法的问题是，每次调用sort/filter函数时，都会创建一个新的lazyload实例，并强烈引用这些元素，随着时间的推移和/或在项目很多的情况下，应用程序/页面将变得越来越慢，并消耗越来越多的内存。这是一个很好的观点。我想我今晚得玩你的lazyload应用程序了。从我目前看到的情况来看，看起来很酷。谢谢这种方法的问题是，每次调用sort/filter函数时，都会创建一个新的lazyload实例，并对这些元素进行强引用，随着时间的推移和/或在项目很多的情况下，应用程序/页面将变得越来越慢，并消耗越来越多的内存。这是一个很好的观点。我想我今晚得玩你的lazyload应用程序了。从我目前看到的情况来看，看起来很酷。谢谢这种方法的问题是，每次调用sort/filter函数时，都会创建一个新的lazyload实例，并对这些元素进行强引用，随着时间的推移和/或在项目很多的情况下，应用程序/页面将变得越来越慢，并消耗越来越多的内存。这是一个很好的观点。我想我今晚得玩你的lazyload应用程序了。从我目前看到的情况来看，看起来很酷。谢谢这种方法的问题是，每次调用sort/filter函数时，都会创建一个新的lazyload实例，并对这些元素进行强引用，随着时间的推移和/或在项目很多的情况下，应用程序/页面将变得越来越慢，并消耗越来越多的内存。这是一个很好的观点。我想我今晚得玩你的lazyload应用程序了。从我目前看到的情况来看，看起来很酷。谢谢非常好用。从现在起，我们将在很多项目上使用它。要使用的是出色的库。从现在起，我们将在很多项目上使用它。要使用的是出色的库。从现在起，我们将在很多项目上使用它。要使用的是出色的库。从现在起，我们将在很多项目中使用它。