Javascript 页面加载后使用css和jquery加载程序预加载

嗨，我想用css和jQuery为我的网站做一个预加载程序。这是电话号码。它工作得很好。但问题是，我需要在页面加载之前完成这项工作。现在预加载程序在页面加载后工作

$('.la-anim-1').addClass('la-animate');

只需在加载页面之前运行脚本。帮助

---

干杯，谢谢

将代码置于文档加载功能下

$(document).load(function(){
  $('.la-anim-1').addClass('la-animate');
});

---

在这种情况下，应用CSS的方式不起作用。您需要关键帧动画。这样做的目的是在元素渲染后立即开始动画，然后在页面加载完成后，通过删除类（最好是删除元素本身）停止动画

演示：

使用应用的类启动元素：

<div class="la-anim-1 la-animate"></div>

然后将此动画添加到

.la-anim-1.la animate

类：

.la-anim-1.la-animate {
    -webkit-animation: preloader 5s infinite;
    animation: preloader 5s infinite;
}

然后，您的jQuery内部DOM就绪：

$('.la-anim-1').removeClass('la-animate');

更好的是，移除元素本身：

$('.la-anim-1').remove();

---

编辑：添加了标准以及-webkit-供应商前缀。请根据需要添加其他供应商前缀。

谢谢您的回答。但我也这么做了。它会在页面加载后加载预加载程序。使用标准版本以及-webkit-vendor前缀更新答案。

$('.la-anim-1').remove();