WordPress Lazyloading 图片破坏 Fancybox

如何解决WordPress Lazyloading 图片破坏 Fancybox

我正在使用 wordpress。花哨的盒子和一个懒惰的加载器插件。然而，自从添加了延迟加载插件后，花哨的盒子就停止工作了。

当你启动fancybox插件时，你使用一些javascript来实现：

var select = $('a[href$=".bmp"],a[href$=".gif"],a[href$=".jpg"],a[href$=".jpeg"],a[href$=".png"],a[href$=".BMP"],a[href$=".GIF"],a[href$=".JPG"],a[href$=".JPEG"],a[href$=".PNG"]');

select.attr('rel','fancybox');
select.fancybox();

这会在文档加载后与其余的 javascript 一起触发。 但是，现在我收到此错误：

select.fancybox 不是函数

我假设延迟加载插件将图像排除在等式之外，因此该函数无法执行任何操作。

之后我尝试再次附加它，但我觉得我走错了方向：

$('html').on('mousemove','a[href$=".bmp"],a[href$=".PNG"]',function(){

            $(this).attr('rel','fancybox');
            $(this).fancybox();
            
        });

有什么想法吗？

解决方法

WordPress 现在包括所有图像的浏览器级延迟加载属性，使用“加载”图像属性 ([websocket,messages])。也许您不再需要延迟加载插件？

请看这里： https://make.wordpress.org/core/2020/01/29/lazy-loading-images-in-wordpress-core/