通过ajax延迟加载的问题

Question

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

我正在通过 ajax 加载图像。问题是当我加载它们直接显示的图像时，lazyload 显示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"
});