Question

我有preloader，它隐藏在document.ready之后。

angular.element(document).ready(function () {
    var el =  document.getElementById('preloader');
    fadeOut(el);
});

有时文档加载速度非常慢，因为有1或2张大尺寸照片，所以我不需要等待这些照片，需要在5000毫秒后隐藏预加载器。

我该怎么做？提前谢谢。

Answer 1

＆＃34;文件准备就绪＆＃34;您正在使用的过程只是简单地包装jQuery（现已弃用）.ready()方法。它 not 等待加载所有图像，它只等待解析DOM。 window.onload事件是仅在加载所有图像后触发的事件。

相反，Angular有一个名为ng-cloak的指令，以防止无格式内容的闪现＆＃34; （FOUC）。斗篷的工作原理是将一个类放在顶级元素上，然后您可以设置样式以隐藏页面的部分或全部，同时等待准备好的＆＃34;州。您可以使用CSS过渡而不是jQuery .fadeOut()效果，在删除隐身后对预加载器进行慢速淡出。

Document.ready或运行一段时间后？

1 个答案: