php ajax 懒加载demo,lazyload懒加载，怎么支持ajax获得的新内容？

lazyload懒加载，怎么支持ajax获得的新内容？

现在问题是：

1、老的内容已经$("img.lazy").lazyload({effect: "fadeIn"});

过了

2、ajax获取之前的内容也增加了$("img.lazy").lazyload({effect: "fadeIn"});

3、ajax获取内容后，也增加了$("img.lazy").lazyload({effect: "fadeIn"});

3、最后会出现之前获取的内容，在ajax获取内容后，又会重新加载一遍？

求助该如何实现，仅让ajax获取的内容来lazyload加载

4.ajax({

type: "POST",

dataType: "json",

url: "{:url(url)}" ,

data: { 'pages': pages },

success:function(data){

if(data.state==1){

html="测试";

$("#list").append(html);

$("img.lazy").lazyload({effect: "fadeIn"});

}else{

html += "

已无更多数据

$("#list").append(html);

loading = true;

}

$(".weui-loadmore").hide();

}

php ajax 懒加载demo,lazyload懒加载，怎么支持ajax获得的新内容？相关推荐

jQuery lazyload 懒加载
Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预 ...
在ThinkPHP框架（5.0.24）下引入Ueditor并实现向七牛云对象存储上传图片同时将图片信息保存到MySQL数据库，同时实现lazyload懒加载...
这是我花了很多天的时间才得以真正实现的一组需求. 文章后面有完整Demo的GitHub链接. 一. 需求描述 1. 应用是基于ThinkPHP5开发的: 2. 服务器环境是LNMP,PHP版本是7.2 ...
C语言界面列表的滑动效果,jQuery+ajax实现滚动到页面底部自动加载图文列表效果(类似图片懒加载)...
本文实例讲述了jQuery+ajax实现滚动到页面底部自动加载图文列表效果.分享给大家供大家参考,具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/ ...
图片懒加载以及数据懒加载
当一个单页面应用加载发送的请求很多时,页面可能会出来的很慢影响用户体验,此时我们就可以对项目进行优化,使用数据懒加载以及图片懒加载优化网络性能.懒加载的原理是当组件对象或者Dom对象出现在可视区域的时 ...
android预加载布局,Android 懒加载优化
目录介绍 1.什么是懒加载 1.1 什么是预加载 1.2 懒加载介绍 1.3 懒加载概括 2.实际应用中有哪些懒加载案例 2.1 ViewPager+Fragment组合 2.2 分析源码 3.Vie ...
图片预加载与图片懒加载
图片预加载与图片懒加载图片预加载图片预加载主要是针对非icon类图片. 加载快,有良好的用户体验. 提前加载图片,当用户需要查看时可直接从本地缓存中渲染.可能因为图片很大,浏览器显示出它会用很长的 ...
列表懒加载和图片懒加载
参考链接整理: element-ui自带的图片懒加载指令和列表懒加载指令 element-ui 图片懒加载 element-ui 列表懒加载原理和原生js:图片懒加载如何用原生js实现图片懒加载( ...
lazy(懒加载)模式和异步加载模式详解
说到懒加载,其实就是延迟会再加载,没有想象中的那么神秘,其实我们时刻都在用懒加载, 第一种:简单的延迟创建控件,比如说,创建一个属性变量,我们用get方法来获取生成这个变量就是用到了懒加载,详细点说就 ...
mint-ui 图片懒加载及请求数据加载中提示方法
图片懒加载: 引入需要的文件 <script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></scr ...

php ajax 懒加载demo,lazyload懒加载，怎么支持ajax获得的新内容？

php ajax 懒加载demo,lazyload懒加载，怎么支持ajax获得的新内容？相关推荐

最新文章

热门文章