在Ajax调用再次获取相同数据后,延迟加载不起作用

时间:2017-03-13 01:36:39

标签: jquery ajax lazy-loading

我有这个ajax调用,它返回正确的数据,但是延迟加载停止工作,图像立即加载,这导致了很大的延迟(因此需要延迟加载)。使用PHP编写的数据可以在不使用Ajax的情况下延迟加载,但是在返回Ajax数据之后,不再需要延迟加载。

        $.ajax({
                url:"/images-ajax.php",
                cache:false,
                data:"s="+selection,
                method:"post",
                success:function(html){
                        $(".masonryImg").html(html);
                        $("div.curve4 li").removeClass("selected");
                        that.addClass("selected");
                },
                error: function (xhr, ajaxOptions, thrownError) {
                        console.log(xhr.status);
                        console.log(thrownError);
                  }
        });

ajax调用会覆盖.masonryImg div的内容,但最初我只在每个图像中都有“data-src ='”。$ imageLocation。$ fileOnly。“。jpg'”,但是生成Ajax代码我必须包括'src = ....'或没有数据显示。 这可能意味着我不应该使用src =,只是data-src =并以某种方式获得延迟加载?

有人可以帮忙吗?

0 个答案:

没有答案