Javascript 为什么不是'；当我使用css时，我不能加载页面吗？

我的页面位于此网站：

当我使用css时，尤其是下面这个：

.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(assets/img/icons/loader.svg) no-repeat center center #fe9d68;
    background-size: 60px;
}

HTML:

此模板中使用的一些脚本：

<script src="assets/js/jquery.countdown.min.js"></script>
<script src="assets/js/jquery.easydropdown.min.js"></script>
<script src="assets/js/jquery.flexslider-min.js"></script>
<script src="assets/js/jquery.isotope.min.js"></script>
<script src="assets/js/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/jquery.themepunch.revolution.min.js"></script>
<script src="assets/js/jquery.viewportchecker.min.js"></script>
<script src="assets/js/jquery.waypoints.min.js"></script>

---

页面将继续显示正在加载的svg图标动画。当我在chrome中检查页面并删除

.loader

类时，页面会加载，但缺少一些样式。我本可以检查错误，但我从一个网站购买了这个html/css模板，并对其进行了应用。我不明白

.loader类有什么问题，实际上文档加载中找不到loader元素，因为内容尚未加载。
因此，在这里使用setTimeout几秒钟，它就能完美地工作

$(document).ready(function(){
  setTimeout(function () {
    $('.loader').fadeOut('slow');
  }, 1000);
});

一个常见的问题是在加载DOM之后加载脚本，但在AngularJS运行脚本加载模板页面之前

你应该只隐藏“.loader”后的角度。最简单的解决方案（但不可扩展）只是将其放入角度控制器中：

function controller($scope){
   $('.loader').fadeOut('slow');
}

显示更多代码，我们无法提供足够的信息help@MehdiDehghani所有代码都在网站上。您可以检查源代码。
.loader
元素正在由angular动态下载。当您向“End Loader”发出命令时，该命令仍然不存在。@AndreFigueiredo我恐怕没有收到您的命令，但您需要在此处输入相关代码。这是Stackoverflow的工作方式。这不是解决方案，因为加载时间可能超过1000
$('.loader').fadeOut('slow'); // End Loader

$(document).ready(function(){
  setTimeout(function () {
    $('.loader').fadeOut('slow');
  }, 1000);
});

function controller($scope){
   $('.loader').fadeOut('slow');
}