Question

我的网站上有很多图片。要加载它们并避免丑陋的从上到下的图像加载效果，我目前正在将body设置为display none然后

$(window).load(function(){
    $("body").fadeIn(2000);
});

这似乎适用于主页。但是当我获取页面时，在使用angular的ng-view内部，其中也有图像，图像似乎不会被加载，我似乎得到了丑陋的从上到下的图像加载效果。我该如何避免这种情况？

Answer 1

尝试这样的事情：

$.ajax("url/to/page", {
    success: function(data) {
        $temp = $("<div/>").html(data);
        $temp.on("load", function() {
            // Assume body is already faded out for loading
            // Add HTML to the body
            $("body").html($temp.html());

            // Show content
            $("body").fadeIn(2000);
        });
    }
});

这会将返回的HTML加载到临时div中，并在将其添加到<body>之前等待其中链接的资源加载。

避免在ng视图呈现的页面上出现丑陋的图像加载效果

1 个答案: