javascript - Jquery 预加载器和 wow.js

Question

我正在使用wow.js plugin & a jquery preload tutorial .

预加载器工作正常，但是当它预加载页面上的元素时，wow.js 动画已经结束。我想编辑我的代码，以便在预加载所有内容后动画就会开始。

我读过这篇文章question & answer但它对我的代码不起作用。

我的代码:

// makes sure the whole site is loaded
jQuery(window).load(function() {
    // will first fade out the loading animation
    jQuery("#status").fadeOut();

    // will fade out the whole DIV that covers the website.
    jQuery("#preloader").delay(500).fadeOut("slow");          
})

如果有人能帮助我，那就太好了谢谢!

Answer 1

使用以下代码通过您的自定义预加载代码来实现 wow js。

// makes sure the whole site is loaded
jQuery(window).load(function() {
// will first fade out the loading animation
jQuery("#status").fadeOut();

// will fade out the whole DIV that covers the website.
jQuery("#preloader").delay(500).fadeOut("slow");

// Here will be the WoW Js implementation.   
setTimeout(function(){new WOW().init();}, 1000);          
})