Question

我正在使用http://www.appelsiini.net/projects/lazyload

我通过ajax加载图片。问题是当我加载他们直接显示的图像然后lazyload显示fadeIn效果。

我想要的是图像应该加载fadeIn效果。

这是我的代码

$.ajax({
            type: 'get',
            url: "{{ URL::route('salon.filtergym') }}",
            cache: false,
            data:  {"areas":areas,"distance":distance,"gender":gender,"gymSearchKey":gymSearchKey,"sortPattern":sortPattern,"res": res}
            }).done(
                    function( response ) {
                        $('#result').html(response);
                        if( total == currentRecord && total > 0) {
                            /*Condition for add new button for search in nearby Area*/
                            if((areaID != "") && (gymSearchKey == "") && (areas.length == 1)&&($.inArray(areaID, areas) !== -1))
                            {
                                $('#result').append('<a class="btn blue nearByRecords btn-block" rel='+areaID+' name="'+currentRecord+'" href="javascript:;">Show gyms from nearby areas of '+areaName+' <i class="fa fa-angle-right reset-detail-icon"></i></a>');
                            }
                        }
                        NProgress.done();

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

                    }
            );

Answer 1

尝试删除show（），如下所示：

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

通过ajax延迟加载的问题

1 个答案: