javascript - WOW.js + 查询加载器 2

Question

我遇到了 WOW.js 的问题和 Query Loader 2 .

我使用 Query Loader 2 的原因是因为我正在使用 masonry.js (masonry.desandro.com/) 来调整我的投资组合“类似 pinterest”并且通常页面加载速度很快，但有时 当我在 Chrome 中以隐身模式测试它以查看它对首次打开页面的用户的行为时，这需要一些时间，直到页面加载，所有动画都在预加载屏幕上执行。

因此，我想实现在 Query Loader 2 完成加载后执行 wow.js 动画。

这是我的 live demo

我在 main.js 中有 QueryLoader2 的执行代码:

/* Query Loader 2 */
    $("body").queryLoader2({
        backgroundColor: "#3f4134",
        percentage: true,
        deepSearch: true,
        barHeight: 0,
        completeAnimation: "fade"
    });

请帮忙。

Answer 1

在 onLoadComplete 回调中初始化 WOW.js:

/* Query Loader 2 */
$("body").queryLoader2({
    backgroundColor: "#3f4134",
    percentage: true,
    deepSearch: true,
    barHeight: 0,
    completeAnimation: "fade",
    onLoadComplete: function() {
        new WOW().init();
    }
});