Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
延迟加载jQuery,自定义触发器事件_Jquery_Events_Triggers_Preload_Lazy Loading - Fatal编程技术网

延迟加载jQuery,自定义触发器事件

延迟加载jQuery,自定义触发器事件,jquery,events,triggers,preload,lazy-loading,Jquery,Events,Triggers,Preload,Lazy Loading,是否可以强制Lazy Load“预加载”与Lazy Load插件连接的不可见映像?因此,当图像可见时,它已加载 我只找到了需要鼠标悬停或单击等交互的事件,但我的自定义脚本中没有不依赖于用户事件的事件 $("img.lazy").lazyload({ event : "click" }); 在此处找到解决方案: 在(如单击)功能中插入以下内容: $("img.lazy").each(function() { $(this).attr("src", $(this).attr("data-

是否可以强制Lazy Load“预加载”与Lazy Load插件连接的不可见映像?因此,当图像可见时,它已加载

我只找到了需要鼠标悬停或单击等交互的事件,但我的自定义脚本中没有不依赖于用户事件的事件

$("img.lazy").lazyload({ 
event : "click"
});
在此处找到解决方案:

在(如单击)功能中插入以下内容:

$("img.lazy").each(function() {
   $(this).attr("src", $(this).attr("data-original"));
   $(this).removeAttr("data-original");
});

使用发布在那里的jQuery代码,这样您应该能够轻松地链接函数。
$(“img.lazy”).lazyload({skip_invisible:false})
skip_invisible参数仅涉及使用css隐藏的图像
display:none
。这和视窗外的图像无关,这是完全错误的。上面的代码立即加载所有图像,基本上消除了延迟加载插件的任何积极效果。延迟加载与预加载完全相反。延迟加载意味着仅在需要时加载资源。预加载意味着在需要资源之前将其加载到缓存中。