为什么当使用jquery load()加载图像时，jquery.lazy无法工作？
提问于 2020-10-29 10:04:42
我正在使用jquery.lazy插件在画廊中加载图像。
http://jquery.eisbehr.de/lazy/
如果我这样做，它会工作得很好。
<!DOCTYPE html>
<html>
<head>
<title>Lazy Load</title>
<script src="jquery/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="jquery.lazy/jquery.lazy.min.js"></script>
</head>
<body>
<script>
$(function() {
$('.lazy').lazy({
effect: "fadeIn",
effectTime: 2000,
threshold: 0
});
});
</script>
<img class="lazy" data-src="1.jpg" />
<img class="lazy" data-src="100.jpg" />
</body>
</html>我试着像这样加载画廊里所有的100张图片。
$("#id").load("file_that_load_all_images.php");但是如果我这样做，jquery.lazy就不能工作了。它似乎永远不会被调用。我怎么解决这个问题呢？
回答 1
Stack Overflow用户
发布于 2020-10-29 10:29:52
在doc.ready $(function() {上调用当前代码
doc.ready在$("#id").load()完成之前触发(它本身可能在doc.ready中)
$(selector)不是“实时”搜索，它只在运行时返回匹配项。
在图片加载完成后调用$(".lazy")，使用$.load的complete回调，例如：
$(function() {
$("#id").load("file_that_load_all_images.php", function() {
$('.lazy').lazy({
effect: "fadeIn",
effectTime: 2000,
threshold: 0
});
});
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64588868
复制
![[WPF 自定义控件]创建包含CheckBox的ListBoxItem](https://ask.qcloudimg.com/http-save/yehe-3964600/fax5a8z6xs.png)
腾讯云开发者
