ajax 图片加载不出来,jQuery.lazy()插件不能处理通过AJAX加载的图像

延迟插件适用于最初加载的元素,但不适用于通过AJAX加载的图像,尽管代码在AJAX调用的done函数中.

这是我的延迟加载图像的代码

jQuery(document).ready(function() {

jQuery("img.lazy").lazy({

effect: "fadeIn",

effectTime: 1000

});

这是我的AJAX电话

$(document).ready(function() {

$('#loadmore-dj').on('click', function() {

$('#loadmore-dj').hide();

$('#loadmore-dj-gif').css( "display", "block");

$.ajax({

type: "GET",

url: "/loadmore/dj/",

data: {

'slug': $('.dj_slug').text().trim(),

'song_rank': $("#dj_song_list").find('.song_block').length

}).done(function (response) {

$(response).appendTo($('#dj_song_list')).hide().fadeIn(1000);

playOneAudio();

jQuery(document).ready(function() {

jQuery("img.lazy").lazy({

effect: "fadeIn",

effectTime: 1000

});

$('#loadmore-dj').show();

$('#loadmore-dj-gif').hide();

}).done(hideLoadMore);

});

ajax 图片加载不出来,jQuery.lazy()插件不能处理通过AJAX加载的图像相关推荐

ajax图片上传(asp.net +jquery+ashx)
一.建立Default.aspx页面 [csharp] view plaincopy <%@ Page Language="C#" AutoEventWireup=" ...
ajax异步后台存放购物车表,jQuery购物车插件jsorder用法(支持后台处理程序直接转换成DataTable处理)...
本文实例讲述了jQuery购物车插件jsorder用法.分享给大家供大家参考,具体如下: JSORDER 案例案例一:我的菜单(点击菜名即可加入菜单) 红烧豆腐 12元毛血旺 32元套餐:京酱肉 ...
ajax 阻止默认提交,jQuery验证插件：在对ajax调用servlet时，submitHandler不会阻止默认提交-返回false无效...
我有一个使用jquery和servlet的简单表单.jQuery对Servlet进行Ajax调用,然后Servlet进行一些服务器端计算,然后通过jQuery在同一页面上显示结果.我不希望表单进行默认 ...
处理ajax表单验证结果,使用 jQuery Form 插件完成带数据验证的 Ajax 表单
表单提交之前,一般我们要在前端对表单的输入值做一些基本验证,以避免恶意提交,并提高安全性.我们可以通过两个 jQuery 插件实现这两个功能:Malsup's AjaxForm 和 Bassistan ...
从零开始实现ASP.NET Core MVC的插件式开发(六) - 如何加载插件引用
标题:从零开始实现ASP.NET Core MVC的插件式开发(六) - 如何加载插件引用. 作者:Lamond Lu 地址:https://www.cnblogs.com/lwqlun/p/1171 ...
推荐10款好用的 Jquery 评分插件
Raty jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件.可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数. 地址: Ra ...
ajax php加载列表实例,jQuery+PHP+ajax实现加载更多内容列表
我们在一些微博网站上可以碰到这样的应用,微博内容列表没有使用分页条,而是一次加载一定数量的记录显示在列表页,当用户浏览到列表页底部时,可以通过单击"查看更多"来加载更多记录.本文我 ...
ajax异步同步加载PHP代码,jquery中的ajax同步和异步详解
jquery ajax同步的意思是当JS代码加载到当前ajax的时候会把页面里所有的代码停止加载,页面出现了假死状态,当这个ajax执行完毕后才会继续运行其他的代码假死状态解除.而异步的意思是这个aj ...
google支持本地ajax,360chrome,google chrome浏览器使用jquery.ajax加载本地html文件
使用360chrome和google chrome浏览器加载本地html文件时,会报错,提示: XMLHttpRequest cannot load file:///Y:/jswg/code/html ...
8款效果精美的 jQuery 加载动画和进度条插件
加载动画和进度条在网站和 Web 应用中的使用非常流行.虽然网速越来越快,但是我们的网站越来越复杂,同时用户对网站的使用体验的要求也越来越高.在内容加载缓慢的时候,使用时尚的加载动画和进度条告诉用户还 ...

ajax 图片加载不出来,jQuery.lazy()插件不能处理通过AJAX加载的图像

ajax 图片加载不出来,jQuery.lazy()插件不能处理通过AJAX加载的图像相关推荐

最新文章

热门文章